Вы находитесь на странице: 1из 7

FIRST PAGE

<!DOCTYPE html>

<html lang="en">

<head>

<title>info. Page</title>

<style>

div {

border: 1px solid gray;

padding: 8px;

h1 {

text-align: center;

text-transform: uppercase;

color: #4CAF50;

p{

text-indent: 50px;

text-align: justify;

letter-spacing: 8px;

a{

text-decoration: none;

color: #008CBA;

}
</style>

<style>

body {

background-color: skyblue;

color: azure;

font-size: 1.1em;

h1 {

color: coral;

#intro {

font-size: 1.3em;

.colorful {

color: orange;

</style>

</head>

…………………………………………………………………………..

<body>

<div class="top_headbg">

<div class="container">

<div class="row">

<div class="col-lg-12 col-md-12 col-sm-12">

<div class="top_headtxt">
<h1 align="center"> E-Commerce & its Applications </h1>

</div>

</div>

</div>

</div>

</div>

<div id="navbarCollapse" class="collapse navbar-collapse">

<ul class="nav navbar-nav usmenu" id="navigation">

<li class="dropdown">

<a href="#" class="hvr-bounce-to-top dropdown-toggle main_cat" data-toggle="dropdown"


role="button" aria-haspopup="true" aria-expanded="false">

<h2>TEACHERS INFORMATION</h2> <b class="caret">

</b>

</a>

<ul class="dropdown-menu">

<li><a href="teach1.html" title=""> Prof. Sunny Amin </a></li>

<li><a href="teach2.html" title=""> Prof. Kashif </a></li>

<li><a href="teach3.html" title=""> Prof. Natasha Ali </a></li>

<li><a href="teach4.html" title=""> Prof. Abdul Baaqi </a></li>

<li><a href="teach5.html" title=""> Prof. Kashif </a></li>

<li><a href="teach6.html" title=""> Prof. Hassan Hashmi </a></li>

</ul>

</li>

<li class="dropdown">

<a href="#" class="hvr-bounce-to-top dropdown-toggle main_cat" data-toggle="dropdown"


role="button" aria-haspopup="true" aria-expanded="false">
<h2>STUDENTS INFORMATION </h2> <b class="caret">

</b>

</a>

<ul class="dropdown-menu">

<li><a href="s2.html" title=""> Soman Nadeem </a></li>

<li><a href="student2.html" title=""> Moeen Ahmad </a></li>

<li><a href="student3.html" title=""> Nida </a></li>

<li><a href="student4.html" title=""> Hamayun Shehzad </a></li>

<li><a href="student5.html" title=""> Khurram Ayub </a></li>

<li><a href="student6.html" title=""> Samera </a></li>

<li><a href="student7.html" title=""> Rameen </a></li>

<li><a href="student8.html" title=""> Waheed Iftikhar </a></li>

<li><a href="student9.html" title=""> Haseeb Ahsan </a></li>

<li><a href="student10.html" title=""> Esha Shahbaz </a></li>

<li><a href="student11.html" title=""> Haroon Ahmad </a></li>

<li><a href="student12.html" title=""> AliRaza S/O Muhammad Latif </a></li>

<li><a href="student13.html" title=""> Daud Butt </a></li>

<li><a href="student14.html" title=""> Seher </a></li>

<li><a href="student15.html" title=""> Shabnam Liaqat </a></li>

<li><a href="student16.html" title=""> Rizwana Kousar </a></li>

<li><a href="student17.html" title=""> Malaika </a></li>

</ul>

</li>

</ul>

</div>
</nav>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

…………………………………………………………………………

SECOND PAGE
<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="assets/css/style.css">

<script src="assets/js/script.js"></script>

<title>E-Commerce & It's Application</title>

<style>

p{

font-size: 18px;

</style>

<style>

body {

background-color: purple;
color: azure;

font-size: 1.1em;

h1 {

color: coral;

#intro {

font-size: 1.3em;

.colorful {

color: orange;

</style>

</head>

……………………………………………………..

<body>

<!-- Heading -->

<h1 align="center">E-Commerce & It's Application</h1>

<!-- Subject Info -->

<table style="width: 80%; margin-left: auto; margin-right: auto;">

<tr>

<td valign="top">

<!-- Subject Details -->

<h2>Students Info.</h2>
<p><b>Name:</b> &nbsp; Khurram Ayub.</p>

<p><b>Roll. No.:</b> &nbsp; Ten</p>

<p><b>Class:</b> &nbsp; M.Com(4)</p>

<p><b>CGPA:</b> &nbsp;(3.29)</p>

<p><b>Future Plan:</b> &nbsp; He want to become an exuctive Manager of Any


Organization.</p>

</td>

</tr>

</table>

</body>

</html>

Вам также может понравиться