Scribd
Upload
101 views17 pages

Mini Project Report (2) RWPD

The document describes a project report for a construction site management system. It provides details about the introduction, working, code and various sections of the project like header, services, team, testimonials and contact details. The project aims to help builders manage their construction work and clients effectively.

Uploaded by

desaikrish713
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
101 views17 pages

Mini Project Report (2) RWPD

The document describes a project report for a construction site management system. It provides details about the introduction, working, code and various sections of the project like header, services, team, testimonials and contact details. The project aims to help builders manage their construction work and clients effectively.

Uploaded by

desaikrish713
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 17

A

PROJECT REPORT
ON
MINI PROJECT
ENTITLED

“construction site”
SUBMITTED BY
Desai krish T. (226090307020)
Khatsuriya bhavya B. (226090307056)

To
COMPUTER ENGINEERING DEPARTMENT
C U SHAH GOVT. POLYTECHNIC –SURENDRANAGAR

GUJARAT TECHNOLOGY UNIVERSITY AHMEDABAD


DECEMBER – 2023
Introduction to Project

Hello, its desai krish and bhavya khatsuriya . it is project of


construction site . it is very usefull project a one who is
builder and he wants to take his construction to next level . it
will help him /her to communicate with clients. Project will
show where builder has services and it will also show builders
all property where builder has worked . so the customer can
easily understand the work and planning of the
CONSTRUCTION SITE.

And there is also a good team for construction where the


builder has choosed his team from out of country and he
choosed high qualify civil engineers .

In costruction site we can do arethitucture design and


reconstruction and electrical system.
Working of Projec

• Header Section(<sectionclass="header">):

o Contains the website logo


("ROBOT") and navigation links
(HOME, ABOUT, SERVICES,
PROJECTS, LOGIN, REGISTER).

• Section 1 (<section class="sec1">):

o Divided into two parts: text and


image.

o Text section provides information


about construction and building
development with a call-to-action
button for contacting and getting a
quote.

o Image section displays a picture


related to construction.

• Section 2 (<section class="sec2">):


o Provides information about the
services offered.

• Section 3 (<section class="sec3">):

o Divided into multiple boxes, each


representing a different service
(ARETHITUCRE DESIGN,
RECONSTRUCTION,
ELECTRICAL SYSTEM).

o Each box includes an image, a title, a


brief description, and a "SEE MORE"
button.

• Section 4 (<section class="sec4">):

o Combines text and image elements to


provide information about the
company.

o Includes a button for learning more.

• Section 5 (<section class="sec5">):

o Provides information about the team.

• Section 6 (<section class="sec6">):

o Divided into boxes, each representing


a team member.

o Each box includes an image, a name,


and a role.

• Section 7 (<section class="sec7">):

o Displays a testimonial with an image,


name, role, and a brief description.

• Section 8 (<section class="sec8">):

o Allows users to request a call by


filling out a form with fields for
name, email, phone number, and
message.
• Section 9 (<section class="sec9">):
• Combines an image with contact
information.
• Footer Section (<section class="footer">):
• Displays copyright information.
Code of Project

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.2.0/css/all.min.css" integrity="sha512-
xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8
yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-
referrer" />
<title>bk</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.header{
width: 100%;
height: 120px;
}
.logo{
float: left;
line-height: 120px;
}
.logo h1{
color: #fed200;
font-size: 24px;
margin-left: 35px;
}
.nav{
float: right;
line-height: 120px;

}
.nav a{
font-size: 18px;
text-decoration: none;
padding: 35px;
color: black;
}
.sec1{
width: 100%;
height: 250px;
width: 50%;
display: flex;
}
.text{
margin-left: 150px;
padding-top: 35px;
}
.text h1{
font-size: 21px;
}
.text h2{
margin-top: 16px;
font-size: 32px;
margin-left: -20px;
}
.text p{
padding-top: 16px;

}
.text button{
margin-top: 35px;
color: black;
width: 120px;
height: 40;
background-color: yellow;
}
.text .bk{
margin-left: 45px;
width: 150px;
height: 50px;
border-radius: 5px;
background-color: white;
}
.img{
width: 50%;
margin-left: 400px;
}
.img img{

}
/*------------------sec 1 complete-----------------
----*/
.sec2{
margin-top: 340px;
text-align: center;
}
.text2 h1{
padding-top: 20px;
font-size: 26px;
}
.text2 p{
padding-top: 20px;
margin-left: -40px;
}
/*-----------------sec2 finish here---------------*/
.sec3{
display: flex;
}
.box{
border: 2px solid black;
border-radius: 8px;
width: 25%;
margin-top: 20px;
margin: 55px;
text-align: center;
box-shadow: 0px 0px 50px 0px yellow;
margin-bottom: 20px;
}
.box img{
margin-left: -280px;
}
.box h1{
margin-top: -40px;
margin-left: 60px;
}
.box p{
padding-top: 50px;
width: 70%;

}
.box button{
color: black;

background-color: yellow;
margin-top: 50px;
width: 120px;
height: 40px;
border-radius: 5px;
box-shadow: 5px black;
}
.sec4{
width: 100%;
height: 300px;
padding-top: 50px;

}
.text3{
padding-top: 150px;
}
.text3 h1{
text-align: center;
font-size: 26px;
width: 50%;
padding-top: 50px;
font-family: sans-serif;
}
.text3 p{
padding-top: 30px;
width: 50%;
}
.text3 button{
width: 120px;
height: 40px;
color: white;
background-color: yellow;
margin-left: 300px;
margin-top: 40px;
border-radius: 6px;

}
.img2{
margin-left: 780px;
margin-top: -290px;
}
.sec5{
margin-top: 380px;
text-align: center;

}
.sec5 h1{
padding-top: 90px;
font-size: 39px;
font-family: sans-serif;
}
.text4 p{
font-size: 22px;
}
.sec5 p{
padding-top: 60px;
font: bold;
}
.sec6{
display: flex;
padding-top: 60px;

}
.box1{
padding: 60px;
}
.box1 h3{
padding-top: 20px;
font-size: 15px;
color: yellow;
}
.sec7{
width: 100%;
height: 250px;
}
.text5{
padding-top: 20px;
}
.text5 h1{
padding-top: 20px;
font-size: 24px;
font-family: sans-serif;
text-align: center;
}
.text5 img{
padding-top: 60px;
margin-left: 340px;
}
.text5 h2{
margin-left: 340px;
padding-top: 15px;
font-family: sans-serif;
}
.text5 h3{
padding-left: 340px;
padding-top: 15px;
color: yellow;
}
.text5 p{
font-size: 24px;
width: 60%;
height: 120px;
text-align: center;
margin-left: 540px;
margin-top: -200px;
border: 1px solid black;
border-radius: 20px;
}
.sec8{
width: 100%;
height: 490px;
}
.text8{
padding-top: 20px;
}
.text6 h1{
text-align: center;
margin-top: 230px;
font-family: sans-serif;

}
.text6 input{
text-align: center;
width: 300px;
border: 2px solid blue;
border-radius: 12px;
height: 40px;
margin: 30px;
}
.text6 button{
margin-left: 180px;
color: white;
font-family: sans-serif;
background-color: yellow;
text-align: center;
width: 120px;
border-radius: 15px;
border: 2px solid white;
height: 50px;
}.text6{
width: 30%;
margin: auto;
}
.sec9{
width: 100%;
height: 250px;
}
.text7{
width: 100%;
}
.text7 img{
width: 100%;
}
.logos{
margin-left: 120px;
margin-top: -320px;
padding: 25px;

}
.logos i{
font-size: 27px;
color: white;
}

.logos h1{
margin-top: -35px;
margin-left: 30px;
padding: 25px;
color: white;
}
.footer{
margin-top: 200px;
text-align: center;
color: black;
background-color: lightblue;
font-family: sans-serif;
}
</style>
</head>
<body>
<section class="header">
<div class="logo">
<h1>ROBOT</h1>
</div>
<div class="nav">
<a
href="https://www.brighthubengineering.com/building-construction-
design/125227-highway-construction-and-engineering/">HOME</a>
<a href="https://www.goconstruct.org/about-go-
construct/">ABOUT</a>
<a href="https://www.goconstruct.org/site-
map/">SERVICES</a>
<a
href="https://www.goconstruct.org/skillbuild/">PROJECTS</a>
<a
href="https://nirmanshramik.odisha.gov.in/obocwwb/public/cwLogin">L
OGIN</a>
<a
href="https://theconstructor.org/construction/records-maintained-
construction-site/9607/">REGISTER</a>
</div>
</section>
<section class="sec1">
<div class="text">
<h1>CONSTRUCTION</h1>
<h2>BULDING</h2>
<p>Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo
consequat.</p>
<button type="bk"
onclick="https://constructionblog.autodesk.com/construction-
contracts-types/">CONTACT US </button>
<button type="bk"
onclick="https://www.w3schools.com/js/default.asp"><b>GET A QUOTE
NOW</b></button>

</div>
<div class="img">
<img src="images/practical 1.jpg">
</div>
</section>
<section class="sec2">
<div class="text2">
<h1>OUR SERVICES</h1>
<p><b>It is a large project of the bulding
devolpment</b></p>
</div>
</section>
<section class="sec3">
<div class="box">
<img src="images/practical 11.jpg"><h1>ARETHITUCRE
DESIGN</h1>
<p>Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.</p>
<button><b>SEE MORE</b></button>
</div>
<div class="box">
<img src="images/practical
10.jpg"><h1>RECONSTURCTION</h1>
<p>Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.</p>
<button><b>SEE MORE</b></button>
</div>
<div class="box">
<img src="images/practical 9.jpg"><h1>ELECTRICAL
SYSTEM</h1>
<p>Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna
aliqua.</p>
<button><b>SEE MORE</b></button>
</div>
</section>
<section class="sec4">
<div class="text3">
<h1>ABOUT COMPANY</h1>
<p><b>Lorem ipsum dolor sit amet, consectetur adipisicing
elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id
est laborum.</b></p>
<button><b>ABOUT MORE</b></button>
</div>
<div class="img2">
<img src="images/practical 2.jpg">
</div>
</section>
<section class="sec5">
<div class="text4">
<h1>OUR TEAM</h1>
<p><b>lorem ipsum dolor ans the que of quarderl
offare hepoe jakloi nikle operm bordero ans the slode</b></p>
</div>
</section>
<section class="sec6">
<div class="box1">
<img src="images/practical 3.jpg">
<h1>SANDY MARK</h1>
<h3>ARCHITECTURE</h3>
</div>
<div class="box1">
<img src="images/practical 4.jpg">
<h1>LIMIJACKI</h1>
<h3>MAPING</h3>
</div>
<div class="box1">
<img src="images/practical 5.jpg">
<h1>SMITH DEN</h1>
<h3>METRIAL</h3>
</div>
<div class="box1">
<img src="images/practical 6.jpg">
<h1>LORMDEN</h1>
<h3>STRUCTER DESIGNER</h3>
</div>
</section>
<section class="sec7">
<div class="text5">
<h1>TESTIMINOAL</h1>
<img src="images/practical 7.jpg">
<h2>JOHN DUE</h2>
<h3>PROJOTOR</h3>
<p>Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo
consequat.</p>
</div>
</section>
<section class="sec8">
<div class="text6">
<h1>REQUEST A CALL FOR YOU</h1>

<input type="text" name="name" placeholder="enter


your name"><br>
<input type="email" name="name"
placeholder="email"><br>
<input type="number" name="number"
placeholder="YOUR NUMBER"><br>
<input type="textarea" name="text"
placeholder="MESSAGE"><br>
<button><b>SEND</b></button>
</div>
</section>
<section class="sec9">
<div class="text7">
<img src="images/practical 8.jpg">
</div>
<div class="logos">
<i class="fa-solid fa-location-dot"></i>
<h1>ADDRESS:LOREM IPSUM IS<br>SIMPLY DUMPLYY</h1>
<i class="fa-solid fa-phone"></i>
<h1>PHONE:+2(1234) 513667</h1>
<i class="fa-solid fa-envelope"></i>
<h1>EMAIL:[email protected]</h1>
</div>

</section>
<section class="footer">
<footer>COPYRIGHT 2019 ALL RIGHT RESERVED BY FREE HTML
TEMPLATES</footer>
</section>
</body>
</html>
Screenshots

You might also like