Scribd
Upload
3 views8 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views8 pages

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
We take content rights seriously. If you suspect this is your content, claim it here.
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