<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs" Inherits="My_Project.MasterPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Click to Chic:Elevate Your Style with Online Shopping</title>
<link href="Mystyle.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
THIS STYLE SHEET :
body {
background: url('image/bg.png');
margin: 0;
font-size: 12pt;
line-height: 1.75em;
padding:0px;
font-family: Arial, sans-serif;
}
#header {
border: 1px solid #ccc;
padding: 20px;
margin: 10px;
width: 100%;
height: 120px;
text-align: right;
}
ul {
margin-bottom: 1.5em;
}
#nav {
position: absolute;
right:-15px;
height: 48px;
top: 236px;
font-family: Arvo, serif;
font-size: 35px;
padding-right:1.5px;
width: 1317px;
}
#nav ul {
list-style: none;
width: 1319px;
}
#nav ul li {
float: left;
margin: 0 0.5em 0 0.5em;
padding: 10px;
}
#nav li a {
text-decoration: none;
color: #030707;
font-weight: bold;
text-align: left;
}
#footer {
position: relative;
padding: 30px;
width: 1297px;
background: #001F3F;
color: #FFF;
top: 133px;
left: -30px;
height: 353px;
}
#footerSidebar {
width: 1px;
float: left;
}
#footerContent {
width: 1018px;
margin: 0px 0 0 265px;
height: 172px;
}
<style type="text/css">
.auto-style8 {
height: 0px;
}
#logo {
height: 106px;
width: 117px;
}
#bot_left {
width: 1274px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="header">
<div id="logo">
<img src="image/logo.png" />
</div>
<div id="nav">
<ul>
<li><a href="home.aspx">Home</a></li>
<li class="auto-style8"><a href="Women.aspx">Women Clothes</a></li>
<li><a href="Men.aspx">Men Clothes</a></li>
<li><a href="About Us.aspx">About Us</a></li>
<li><a href="Contact Us.aspx">Contact Us</a></li>
</ul>
</div>
<asp:LoginView ID="LoginView1" runat="server">
<AnonymousTemplate>
Welcom!,
<a href="Register.aspx">Register</a> |
<a href="Login.aspx" style="text-align: right">Login</a>
</AnonymousTemplate>
<LoggedInTemplate>
<asp:LoginName ID="Log_name" runat="server" FormatString="Hi {0}!" />
<asp:LoginStatus ID="Log_stat" runat="server" LogoutText="Logout" LogoutPageUrl="~/default.aspx" LogoutAction="Redirect" LoginText="Login" OnLoggingOut="Log_stat_LoggingOut" />
</LoggedInTemplate>
</asp:LoginView>
</div>
<div id="footer">
<div id="footerSidebar">
<ul class="linkedList">
<li>
<a href="https://www.whatsapp.com/"target="_blank">
<img src="image/Whatsapp.PNG" height="40" style="width: 50px"/>
</a>
</li>
<li>
<a href="https://www.twitter.com/"target="_blank">
<img src="image/Twitter.png" height="40" style="width: 50px"/>
</a>
</li>
<li>
<a href="https://www.instagram.com/"target="_blank">
<img src="image/Instgram.jpg" height="40" style="width: 50px"/>
</a>
</li>
<li>
<a href="https://www.facebook.com/"target="_blank">
<img src="image/Facebook.PNG" height="40" style="width: 50px"/>
</a>
</li>
</ul>
</div>
<div id="footerContent">
<h1>
Online Shopping
</h1>
<p>
Providing high-quality garments, shoes, and watches at a low price
</p>
</div>
<div id="bot_left">
2023 created by ALNABHANI
</div>
</form>
</body>
</html>