Skip to content

Commit

Permalink
partly-bootsrapped-header
Browse files Browse the repository at this point in the history
  • Loading branch information
kithenry committed Aug 6, 2024
1 parent 7662eda commit e45914f
Showing 1 changed file with 81 additions and 53 deletions.
134 changes: 81 additions & 53 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,63 +1,91 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bududa Education Initiative</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"/>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bududa Education Initiative</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>

<body class="text-sm">
<div class='container-fluid'>
<header>
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-md-2">
<ul>
<li>facebook</li>
<li>twitter</li>
<li>google</li>
<li>linked In</li>
</ul>
</div>
<div class="col-md-8">
<ul>
<li>Phone Num</li>
<li>Working Hrs</li>
<li>[email protected]</li>
</ul>
<header>
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-md-2">
<div class="widget no-border m-0">
<ul class=" list-unstyled list-inline icon-dark icon-theme-colored icon-sm sm-text-center">

<li><a href="#"><i class='fa fa-facebook'></i></a></li>
<li><a href="#"><i class='fa fa-google-plus'></i></a></li>
<li><a href="#"><i class='fa fa-linkedin'></i></a></li>
<li><a href="#"><i class='fa fa-twitter'></i></a></li>

</ul>
</div>
</div>
<div class="col-md-8">
<div class="widget no-border m-0">
<ul class="list-inline list-unstyled">
<li>Phone Num</li>
<li>Working Hrs</li>
<li>[email protected]</li>
</ul>
</div>
</div>
<div class="col-md-2">
<div class="widget no-border m-0">
<ul class="list-inline list-unstyled">
<li>Donate Now</li>
<li>Join Us</li>
</ul>
</div>
</div>
</div>
<div class="col-md-2">
<ul>
<li>Donate Now</li>
<li>Join Us</li>
</ul>
</div>
</div>
<div class="header-nav">
<div class="container">
<div class="row">
<nav class="navbar">
<a class="nav-brand col-md-4 ms-0" href="#">
<img src="/docs/5.0/assets/brand/bootstrap-logo.svg" alt="" width="30" height="24">
BEI
</a>
<ul class="navbar-nav col-md-6 list-unstyled me-0">
<li class="nav-link me-2">Home</li>
<li class="nav-link me-2">Gallery</li>
<li class="nav-link me-2">Pages</li>
<li class="nav-link me-2">Blog</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="header-nav">
This is header Two
</div>
</header>
<div class="main-content">
<section class="1">section 1</section>
<section class="2">section 2</section>
<section class="3">section 3</section>
<section class="4">section 4</section>
<section class="5">section 5</section>
<section class="6">section 6</section>
<section class="7">section 7</section>
<section class="8">section 8</section>
<section class="9">section 9</section>
<section class="10">section 10</section>
<section class="11">section 11</section>
<section class="12">section 12</section>
</div>
<footer>
This is the footer.
</footer>

</div>
</header>
<div class="main-content">
<section class="1">section 1</section>
<section class="2">section 2</section>
<section class="3">section 3</section>
<section class="4">section 4</section>
<section class="5">section 5</section>
<section class="6">section 6</section>
<section class="7">section 7</section>
<section class="8">section 8</section>
<section class="9">section 9</section>
<section class="10">section 10</section>
<section class="11">section 11</section>
<section class="12">section 12</section>
</div>
<footer>
This is the footer.
</footer>
</div>
</body>
</html>

</html>

0 comments on commit e45914f

Please sign in to comment.