Scribd
Upload
793 views

Notepad Code

This document contains the code for the navigation bar of a website. It includes CSS styling for the navigation bar positioning and colors. It also contains the HTML for the navigation links, including dropdown menus for some items. The navigation links include Home, About, Programs & Events, Indigipreneur Podcast, and News.

Uploaded by

Aye Aye
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
793 views

Notepad Code

This document contains the code for the navigation bar of a website. It includes CSS styling for the navigation bar positioning and colors. It also contains the HTML for the navigation links, including dropdown menus for some items. The navigation links include Home, About, Programs & Events, Indigipreneur Podcast, and News.

Uploaded by

Aye Aye
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<head>
<title>Auquhna</title>
</head>
<style>
body {background-color:grey;
width:50px;}
/*| Navigation |*/
.menu{
position: fixed;
right: -70px;
top: 0;
}
nav{
position: absolute;
left: 0;
width: 100%;
background-color:white;
box-shadow: ;
height:160px;
top:0px;
}
nav ul{
list-style: none;
position: relative;
float: right;
margin-right: 95px;
display: inline-table;
}

nav ul li:hover{;}
nav ul li:hover > ul{display: block;}
nav ul li{
float: left;
-webkit-transition: ;
-moz-transition: ;
transition:;
}

nav ul ul{
display: none;
background: #fff;
position: absolute;
top: 100%;
box-shadow:;
border:;
}
nav ul ul li{float: none; position: relative;}
nav ul ul li a {
padding: 15px 30px;
float:right;
}
nav ul ul ul {
position: absolute;
left: 100%;
top:0;
}
#home {background-color:white;
color:#da270b;
text-align:right;
text-decoration:none;
font-size:22px;
margin-top:0px;
margin-bottom:0px;
margin-right:10px;
bottom:30px;
font-family: Calibri;
padding-top:90px;
padding-right:-60px;
padding-right:35px;
}

#about {background-color:white;
color:#00b8e6;
text-align:right;
text-decoration:none;
font-size:22px;
margin-top:0px;
margin-bottom:0px;
margin-right:16x;
padding:15px;
padding-top:50px;
margin-top:0px;
font-family: Calibri;
padding-top:90px;
padding-right:35px;
}
#bayamal{ position:absolute;
padding-left:40px;
padding-top:90px;
font-size:35px;
font-family: Arial Black;
}
#ddm {
font-family: Calibri;
padding:10px;
padding-top:0px;
padding-bottom:10px;
width:220px;
margin-left:-40px;
margin-top:0px;
margin-bottom;0px;
font-size: 21px;
}

#ddm1 {
font-family: Calibri;
padding:10px;
padding-top:0px;
padding-bottom:8px;
width:200px;
margin-right:20px;
margin-top:0px;
margin-bottom;0px;
font-size: 21px;}

#prog {background-color:white;
color:#4b4141;
text-align:right;
text-decoration:none;
font-size:22px;
margin-top:0px;
margin-bottom:0px;
margin-right:10x;
padding:15px;
padding-right: 20px;
font-family: Calibri;
padding-top:90px;
padding-right:35px;
}

#ip {background-color:white;
color:#f1bc1b;
text-align:right;
text-decoration:none;
font-size:22px;
margin-top:0px;
margin-bottom:0px;
margin-right:10x;
padding:15px;
padding-right: 20px;
font-family: Calibri;
padding-top:90px;
padding-right:35px;
}

#news {background-color:white;
color:black;
text-align:right;
text-decoration:none;
font-size:22px;
margin-top:0px;
margin-bottom:0px;
margin-right:px;
margin-left:px;
padding:15px;
padding-right: 10px;
font-family: Calibri;
padding-top:90px;
}
#img {padding-left:63px;
margin-top:}
#text{
position:absolute;
float:right;
right:10px;
color:black;
top:15px;
}
#text1{
display:block;
position:absolute;
float:right;
right:-80px;
color:0px;
top:-20px;
padding-top:20px;
z-index:1;
margin-bottom:1px;
font-family:Arial;
font-size:19px;

}
</style>
<body>

<nav role='navigation'>
<div id="bayamal"><b> Barayamal</b></div>
<img id="img" src="Barayamal logo.png" width="115" height="115">
<ul id="text1"><li><b>| BLOG | ENQUIRIES</b></ul>

<ul class="menu">
<li><div id="home"><b>Home</b></div>
<li><div id="about"><b>About</b></div>
<ul>
<b>
<li><div id="ddm">Why</div></li>
<li><div id="ddm">Team</div></li>
<li><div id="ddm">Donate</div></li>
<li><div id="ddm">Partners</div></li>
<li><div id="ddm">Our Values</div></li>
<li><div id="ddm">Founder's Story</div></li>
</b>
</ul>
</li>
<li><div id="prog"><b>Programs & Events</b></div>
<ul>
<b>
<li><div id="ddm">Accelerator</div></li>
<li><div id="ddm">Pre-Accelerator</div></li>
<li><div id="ddm">Mentoring</div></li>
<li><div id="ddm">CoderDojo First Nations</div></li>
<li><div id="ddm"> Give Backathon</div></li>
</b>
</ul>
</li>
<li><div id="ip"><b>Indigipreneur Podcast</b></div></li>
<li><div id="news"><b>News</b></div>
<ul>
<b>
<li><div id="ddm">Blog</div></li>
<li><div id="ddm">Media Release</div></li>
</b>
</ul>
</li>
</ul>
</nav>

</body>
</html>

You might also like