Scribd
Upload
3 views

HTML & CSS

The document consists of HTML code for a website called BharatMSMEmart, which includes a navigation bar with links to 'About' and 'LogIn' pages. The 'LogIn' page features a form for buyers and sellers of MSME products, along with a table displaying product categories and their availability. CSS styles are applied for layout and design, enhancing the visual presentation of the website.

Uploaded by

No Name
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views

HTML & CSS

The document consists of HTML code for a website called BharatMSMEmart, which includes a navigation bar with links to 'About' and 'LogIn' pages. The 'LogIn' page features a form for buyers and sellers of MSME products, along with a table displaying product categories and their availability. CSS styles are applied for layout and design, enhancing the visual presentation of the website.

Uploaded by

No Name
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 8

1st Page

<html>
<head>
<link rel="stylesheet" href="CSSAssignment1.css" type="text/css">
</head>
<body>
<div class="topnav">
<a href="About.html" target="_blank">About</a>
<a href="LogIn.html" target="_blank">LogIn</a>
</div>
<img src="Logo.png">
<h1><I>Welcome to...</I> BharatMSMEmart!</h1>
</body>
</html>

2st Page (About.html)


<html>
<head>
</head>
<frameset cols="30%, 70%">
<frame src="AboutMenu.html" name="AboutMenu">
<frameset rows="32%, 27%, 41%">
<frame src="MSME.png" name="MSME">
<frame src="OurInitiative.png" name="OurInitiative">
<frame src="Udyam.png" name="Udyam">
<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>
</frameset>
</html>
3rd Page (LogIn.html)
<html>
<head>
<link rel="stylesheet" href="CSSAssignment1.css" type="text/css">
<script type="text/javascript">
function msg(){
alert("Before proceeding, please ensure that you are a Udyam-registered
MSME.")
}
</script>
</head>
<body>
<form>
<fieldset>
<legend id="In">Log In...</legend>
<br>
<br>
<input type="button" value="As BUYER of MSME Products">
<p>Want to know if you will find your product?
<a href="#jump">Click here</a> to know available product categories.
</p>
<input type="button" value="As SELLER of MSME Products" onclick="msg()"/>
<p>Not a Udyam-registered MSME?
<a href="https://udyamregistration.gov.in/Government-India/Ministry-MSME-
registration.htm" target="_blank">Click here</a> to register.
</p>
</fieldset>
</form>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<table>
<thead>
<td colspan="2" id="jump">PRODUCT INFORMATION</td>
</thead>
<tbody>
<tr>
<th>Category</th>
<th>Availability</th>
</tr>
<tr>
<td>Food & Beverages</td>
<td rowspan="7">YES</td>
</tr>
<tr>
<td>Leather Products</td>
</tr>
<tr>
<td>Products of Wood</td>
</tr>
<tr>
<td>Paper and Paper Products</td>
</tr>
<tr>
<td>Rubber, Plastic, Glass and other Non-Metallic Products</td>
</tr>
<tr>
<td>Jewellery, Bijouterie and Related Articles</td>
</tr>
<tr>
<td>Games, Toys & Sports Goods</td>
</tr>
<tr>
<td>Chemical and Chemical Products</td>
<td rowspan="3">NO</td>
</tr>
<tr>
<td>Pharmaceuticals, Medicinal and Botanical Products</td>
</tr>
<tr>
<td>Electronics</td>
</tr>
</table>
</body>
</html>
CSS
img{
display:block;
margin:auto;
padding-top:10%;
}

h1{
color:orange;
text-align:center;
}

div{
background-color:orange;
height:8%;
border-color:black;
border-style:solid;
}

#In{
color:blue;
text-align:center;
font-size:300%;
font-style:italic;
font-weight:bold;
padding-top:10%;
}

table{
border-collapse:collapse;
width:75%;
margin-left:auto;
margin-right:auto;
}

thead{
color:black;
font-weight:bold;
text-align:center;
border:solid black;
background-color:skyblue;
}

th{
font-style:italic;
border:2px solid black;
}

td{
border:2px solid black;
}

You might also like