Scribd
Upload
56 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
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
56 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
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/ 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