Scribd
Upload
80 views3 pages

Ez

The document is a website homepage for a construction company called Constra. The homepage includes sections for contacting Constra, navigating different pages, highlighting Constra's experience, and describing their services which include home construction, building remodels, interior design, exterior design, renovation, and safety management. Images and descriptions are provided for each service.

Uploaded by

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

Ez

The document is a website homepage for a construction company called Constra. The homepage includes sections for contacting Constra, navigating different pages, highlighting Constra's experience, and describing their services which include home construction, building remodels, interior design, exterior design, renovation, and safety management. Images and descriptions are provided for each service.

Uploaded by

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

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/
bootstrap.min.css" rel="stylesheet"

integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
crossorigin="anonymous">
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.m
in.js"
integrity="sha384-
ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
<title>Constra</title>
</head>

<body class="bg-light">
<div class="container d-flex flex-column flex-md-row justify-content-between
align-items-center p-2">

<div>
<img src="logo.png" alt="" style="height: 40px;">
</div>
<div class="d-flex justify-content-center">
<div class="text-dark text-center mx-3">
Call Us<br><span style="font-weight: bold;">(+9) 847-291-4353</span>
</div>
<div class="text-dark text-center mx-3">
Email us<br><span style="font-weight: bold;">[email protected]</span>
</div>
<div class="text-dark text-center mx-3">
Global Certificate<br><span style="font-weight: bold;">ISO 9001:2017</span>
</div>
</div>
<div>
<button type="button" class="btn btn-warning">Get a Quote</button>
</div>
</div>
</div>

<div>
<nav class="navbar navbar-expand-lg navbar-dark bg-body-tertiary">
<div class="container-fluid bg-dark p-2">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarTogglerDemo01"
aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse container" id="navbarTogglerDemo01">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#" style="font-weight: bold;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-weight: bold;">Company</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-weight: bold;">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-weight: bold;">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-weight: bold;">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-weight: bold;">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" style="font-weight: bold;">Contract</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="container-fluid p-0 d-flex justify-content-center align-items-center"
style="background-image: url(hatter.png); background-size: cover; height:
600px;">
<div class="text-center text-light">
<h3 class="mb-5" style="font-weight: bold;">13 YEARS OF EXCELLENCE IN</h3>
<h1 class="mb-5" style="font-weight: bold;">CONSTRUCTION INDUSTRY</h1>
<div>
<button type="button" class="btn btn-warning text-light mx-2">OUR
SERVICES</button>
<button type="button" class="btn btn-warning text-light mx-2">CONTACT
NOW</button>
</div>
</div>
</div>

<div class="mt-4">
<h4 style="text-align: center;">WE ARE SPECIALISTS IN</h4>
<h2 style="text-align: center;">WHAT WE DO</h2>
</div>

<div class="row">
<div class="col-md">
<div class="row">
<div class="col-md">
<img src="service-icon1.png" alt="">
</div>
<div class="col-md">
<h2>HOME CUNSTRUCTION</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio,
nesciunt?</p>
</div>
</div>
<div class="row">
<div class="col-md">
<img src="service-icon2.png" alt="">
</div>
<div class="col-md">
<h2>BUILDING REMODELS</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Itaque,
assumenda?</p>
</div>
</div>
<div class="row">
<div class="col-md">
<img src="service-icon3.png" alt="">
</div>
<div class="col-md">
<h2>INTERIOR DESIGN</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde,
libero?</p>
</div>
</div>
</div>
<div class="col-md">
<img src="service-center.jpg" alt="" class="justify-content-center img-
fluid">
</div>
<div class="col-md">
<div class="row">
<div class="col-md">
<img src="service-icon4.png" alt="">
</div>
<div class="col-md">
<h2>EXTERIOR DESIGN</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cupiditate,
voluptates.</p>
</div>
</div>
<div class="row">
<div class="col-md">
<img src="service-icon5.png" alt="">
</div>
<div class="col-md">
<h2>RENOVATION</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet, dolore?
</p>
</div>
</div>
<div class="row">
<div class="col-md">
<img src="service-icon6.png" alt="">
</div>
<div class="col-md">
<h2>SAFETY MANAGEMENT</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Repellat,
perferendis!</p>
</div>
</div>
</div>
</div>
</body>
</html>

You might also like