Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Index HTML

    Hochgeladen von

    Wais Sadat
    22 Ansichten2 Seiten

    Originaltitel

    index.html

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    TXT, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden

    Copyright:

    © All Rights Reserved
    Als TXT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    22 Ansichten2 Seiten

    Index HTML

    Hochgeladen von

    Wais Sadat

    Copyright:

    © All Rights Reserved
    Als TXT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 2

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>School Web Template</title>
    <link rel="stylesheet" href="style.css">
    </head>
    <body>

    <div class="wrapper">
    <!--NAVIGATION-->
    <nav>
    <img src="https://scontent.fpat3-1.fna.fbcdn.net/v/t1.0-
    9/80548022_153633996044704_3180518042551451648_n.png?
    _nc_cat=107&_nc_ohc=3NexBbdVVA8AQkyoF7zXxQ_XMBuQIb542ZHP_oaEDe14ib1GAn5GiqmvA&_nc_h
    t=scontent.fpat3-1.fna&oh=ae6e6a8b43d433f6602468ae27382d0c&oe=5E6FF32C" class="img"
    alt="logo">
    <ul>
    <li><a href="#">HOME</a></li>
    <li><a href="#">ABOUT</a></li>
    <li><a href="#">COURSES</a></li>
    <li><a href="#">EVENTS</a></li>
    <li><a href="#">GALLERY</a></li>
    <li><a href="#">BLOG</a></li>
    <li><a href="#">PAGES</a></li>
    <li><a href="#">CONTACT</a></li>
    </ul>
    </nav>
    <!--END OF NAVIGATION-->

    <div class="section">
    <h1>WE ENSURE A BETTER EDUCATION <br> FOR A BETTER WORLD</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium
    corporis, illum, rerum praesentium cupiditate inventore sed vero itaque impedit,
    recusandae eaque. Eligendi harum, molestias ducimus eum quas ut officia sit?</p>

    <a href="#"><button class="btn-1">GET STARTED</button></a>


    <!--FEATURES-->
    <div class="features">
    <button>Learn Online Classes</button>
    <button>Bridge Courses</button>
    <button>Huge Library</button>
    <button>Practical Exposure</button>
    </div>
    <!--END OF FEATURES-->
    </div>
    <!--END OF SECTION-->
    </div>
    <!--END OF WRAPPER-->

    <!--SHOWCASE-->
    <showcase>
    <h1>POPULAR COURSES WE OFFER</h1>
    <div id="courses">
    <div class="cs">
    <h3>Computer Science</h3>
    <img src="https://scontent.fpat3-1.fna.fbcdn.net/v/t1.0-
    9/79515740_153634046044699_3043764093413490688_n.jpg?
    _nc_cat=106&_nc_ohc=1B0YdPzykLIAQnWkbGanCWixMXj-
    oJLOzfaG2CNcWBxIsZbNjV7EtWRrQ&_nc_ht=scontent.fpat3-
    1.fna&oh=84fee14bdfd760baa35534bb30de01e4&oe=5EB414D9" width="50%" alt="cs">
    <a href="#" ><button class="apply">Apply Here</button></a>
    </div>
    <div class="business">
    <h3>Business Studies</h3>
    <img src="https://scontent.fpat3-1.fna.fbcdn.net/v/t1.0-
    9/80229260_153634012711369_9005460982692052992_n.jpg?
    _nc_cat=111&_nc_ohc=GCfyEjL2XQUAQlPCIpmi15zVWWOX6ZoWvpp17o2eMa7vtOiKUQbKeVpLA&_nc_h
    t=scontent.fpat3-1.fna&oh=619ec21779e38781c912edb40046dd67&oe=5E66197D"
    alt="business">
    <a href="#" ><button class="apply">Apply Here</button></a>
    </div>
    <div class="journalism">
    <h3>Media and Journalism</h3>
    <img src="https://scontent.fpat3-1.fna.fbcdn.net/v/t1.0-
    9/79274931_153634062711364_9189589520616521728_n.jpg?_nc_cat=110&_nc_ohc=Gle9S-
    PgaP8AQlXE0glKkLI1PznvEy2HnTeG02cWYn07TnMFoDMGMiXwg&_nc_ht=scontent.fpat3-
    1.fna&oh=aa37ab460591b1b5f6aaaa823df120a3&oe=5E780E9F" alt="media">
    <a href="#" ><button class="apply">Apply Here</button></a>
    </div>
    <div class="arts">
    <h3>Arts & Humanities</h3>
    <img src="https://scontent.fpat3-1.fna.fbcdn.net/v/t1.0-
    9/79442016_153634029378034_5488508741571575808_n.jpg?
    _nc_cat=110&_nc_ohc=zBCxRzKoWmkAQl82T7aEy9xt2cSOn60t9NWfrZZaypDmFAGDWE6u3N1KQ&_nc_h
    t=scontent.fpat3-1.fna&oh=2afa6cf2f82bf305c4017e774045e815&oe=5E6F158F" alt="arts">
    <a href="#" ><button class="apply">Apply Here</button></a>
    </div>
    <div class="medical">
    <h3>Medical Science</h3>
    <img src="https://scontent.fpat3-1.fna.fbcdn.net/v/t1.0-
    9/80420826_153634079378029_4865176319677169664_n.jpg?
    _nc_cat=105&_nc_ohc=yseRLMINhSYAQnaQ0i7c8FKFtQl1XxysHddguZ519oEHwvO9BLatl2nsg&_nc_h
    t=scontent.fpat3-1.fna&oh=dc0a4e23c69b93042b1d96ed26f504b0&oe=5E68FD60" alt="ms">
    <a href="#" ><button class="apply">Apply Here</button></a>
    </div>
    </div>
    </showcase>
    <!--END OF SHOWCASE-->

    <footer>
    <p>Copyright &copy; 2019, Code Addict</p>
    </footer>

    </body>
    </html>

    Das könnte Ihnen auch gefallen