Scribd
Upload
51 views

Index HTML

This document is a template for a school website. It includes sections for navigation, the homepage content, popular course offerings, and a footer. The navigation bar has links to different site pages. The homepage highlights ensuring better education for a better world and features call-to-action buttons. The popular courses section displays information on courses in computer science, business, journalism, arts/humanities, and medical science.

Uploaded by

Wais Sadat
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
51 views

Index HTML

This document is a template for a school website. It includes sections for navigation, the homepage content, popular course offerings, and a footer. The navigation bar has links to different site pages. The homepage highlights ensuring better education for a better world and features call-to-action buttons. The popular courses section displays information on courses in computer science, business, journalism, arts/humanities, and medical science.

Uploaded by

Wais Sadat
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 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>

You might also like