Scribd Logo
Upload

Welcome to Scribd!

  • Ez

    Uploaded by

    mokacsenge07
    10 views3 pages
    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.

    Original Description:

    Programozás

    Original Title

    ez

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    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.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    10 views3 pages

    Ez

    Uploaded by

    mokacsenge07
    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.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 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/bootstrap@5.3.0-alpha3/dist/css/
    bootstrap.min.css" rel="stylesheet"

    integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
    crossorigin="anonymous">
    <script
    src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/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;">office@Constra.com</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