Skip to content
This repository has been archived by the owner on Feb 17, 2023. It is now read-only.

added dark theme navbar to homepage #25

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

added dark theme navbar to homepage #25

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions app/css/stylish-portfolio.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,10 @@ html {
background-color: #2d2d2d;
}

.homelogo {
width: 150px;
}

body {
font-family: 'Source Sans Pro';
}
Expand Down Expand Up @@ -134,6 +138,7 @@ h6 {
border-left: 1px solid rgba(255, 255, 255, 0.1);
}


.sidebar-nav {
position: absolute;
top: 0;
Expand Down
47 changes: 40 additions & 7 deletions app/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,11 @@
HOME PAGE
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="nJkbfBxswOCjfbpQX-bVtikUXElYSoc8wAf5SOzCInk" />
<title>Coding Black Females</title>
<title>Coding Black Females Home</title>

<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
Expand All @@ -31,17 +30,51 @@
<link rel="stylesheet" type="text/css" href="styles/style.css">
</head>

<body class="home">
<a class="menu-toggle rounded" href="#">
<i class="fas fa-bars"></i>
</a>
<nav class="bg-dark" id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a class="js-scroll-trigger" href="#page-top">Coding Black Females</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="home.html">Home</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="about.html">About</a>
</li>
<li class="sidebar-nav-item">
<a class="js-scroll-trigger" href="contact.html">Contact</a>
</li>
</ul>
</nav>

<section class="content-section text-white text-center" id="services">


<body class="home">
<h1>WELCOME </h1>
<h1 class="text-white">WELCOME </h1>
<p> We are the coding black female community started by Charlene in 2017</p>
<p> Our Mission is...... </p>
<img src = "img/cbf_logo_white.svg">
<img src = "img/cbf_logo.svg">
<img src = "img/cbf_logo_white.svg" class="homelogo">
<img src = "img/cbf_logo.svg" class="homelogo">
<img src = "img/favicon.png">
</section>
</body>

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>

<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>

<!-- Custom scripts for this template -->
<script src="js/stylish-portfolio.min.js"></script>

</html>
Binary file added app/img/favicon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.