Skip to content

Commit

Permalink
Added navbar hover effect
Browse files Browse the repository at this point in the history
  • Loading branch information
@aniketp
aniketp committed Aug 1, 2017
1 parent 322d59c commit 9315655
Show file tree
Hide file tree
Showing 6 changed files with 28 additions and 17 deletions.
4 changes: 2 additions & 2 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="scroll"><a href="index.html">Home</a></li>
<li class="scroll active"><a href="#about-us">About Us</a></li>
<li class="scroll"><a href="#about-us">About Us</a></li>
<li class="scroll"><a href="portfolio.html">Portfolio</a></li>
<li class="scroll"><a href="team.html">Team</a></li>
<li class="scroll"><a href="contact.html">Contact</a></li>
Expand Down Expand Up @@ -128,7 +128,7 @@ <h1>About us</h1>
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<p>Copyright &copy; Stamatics | Designed by Aniket Pandey</p>
<p>Copyright &copy; Stamatics, IIT Kanpur</p>
</div>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@
<li class="scroll"><a href="about.html">About Us</a></li>
<li class="scroll"><a href="portfolio.html">Portfolio</a></li>
<li class="scroll"><a href="team.html">Team</a></li>
<li class="scroll active"><a href="#contact">Contact</a></li>
<li class="scroll"><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
Expand Down Expand Up @@ -113,7 +113,7 @@ <h3>Coordinator, Stamatics</h3>
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<p>Copyright &copy; Stamatics | Designed by Aniket Pandey</p>
<p>Copyright &copy; Stamatics, IIT Kanpur</p>
</div>
</div>
</div>
Expand Down
19 changes: 15 additions & 4 deletions css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -260,6 +260,10 @@ section {
animation: bounce 3000ms infinite;
}

.main-nav .container-fluid {
background-color: #2ac6f7;
}

.navbar-right li a {
color: #fff;
text-transform: uppercase;
Expand All @@ -273,17 +277,20 @@ section {
background-color: rgba(0,0,0,.2);
}

.navbar-collapse ul li:hover {
background-color: #1b98c6;
}

.stamatics-logo {
padding-top: 0;
}

.stamatics-logo img{
padding-top: 20px;
padding-bottom: 10;
padding-top: 10px;
margin-bottom: 0;
margin-left: 0;
height: 3em;
width: 4em;
height: 3.3em;
width: 4.5em;
}
/*************************
********Service CSS*******
Expand Down Expand Up @@ -941,6 +948,10 @@ ul.address li span {
padding:30px 0
}

.footer-top div div div p {
font-size: 1.3em;
}

#footer .footer-bottom {
background-color: #fff;
padding: 20px 0 10px;
Expand Down
10 changes: 5 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ <h1 style="font-size: 4em; color: #4bc4cf;" class="animated fadeInLeftBig"><stro

</div><!--/#home-slider-->
<div class="main-nav">
<div class="container">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
Expand All @@ -71,8 +71,8 @@ <h1 style="font-size: 4em; color: #4bc4cf;" class="animated fadeInLeftBig"><stro
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="scroll active"><a href="#home">Home</a></li>
<ul class="nav navbar-nav navbar-right">
<li class="scroll"><a href="#home">Home</a></li>
<li class="scroll"><a href="about.html">About Us</a></li>
<li class="scroll"><a href="portfolio.html">Portfolio</a></li>
<li class="scroll"><a href="team.html">Team</a></li>
Expand Down Expand Up @@ -185,12 +185,12 @@ <h2>Charles Caleb Colton</h2>
</section><!--/#twitter-->


<footer id="footer">
<footer id="footer" style="background-color: #2ac6f7">
<div class="footer-top wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<p>Copyright &copy; Stamatics | Designed by Aniket Pandey</p>
<p>Copyright &copy; Stamatics, IIT Kanpur</p>
</div>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions portfolio.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@
<ul class="nav navbar-nav navbar-right">
<li class="scroll"><a href="index.html">Home</a></li>
<li class="scroll"><a href="about.html">About Us</a></li>
<li class="scroll active"><a href="#portfolio">Portfolio</a></li>
<li class="scroll"><a href="#portfolio">Portfolio</a></li>
<li class="scroll"><a href="team.html">Team</a></li>
<li class="scroll"><a href="contact.html">Contact</a></li>
</ul>
Expand Down Expand Up @@ -253,7 +253,7 @@ <h3>Photo Title</h3>
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<p>Copyright &copy; Stamatics | Designed by Aniket Pandey</p>
<p>Copyright &copy; Stamatics, IIT Kanpur</p>
</div>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions team.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@
<li class="scroll"><a href="index.html">Home</a></li>
<li class="scroll"><a href="about.html">About Us</a></li>
<li class="scroll"><a href="portfolio.html">Portfolio</a></li>
<li class="scroll active"><a href="#team">Team</a></li>
<li class="scroll"><a href="#team">Team</a></li>
<li class="scroll"><a href="contact.html">Contact</a></li>
</ul>
</div>
Expand Down Expand Up @@ -498,7 +498,7 @@ <h3>Head, Design</h3>
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<p>Copyright &copy; Stamatics | Designed by Aniket Pandey</p>
<p>Copyright &copy; Stamatics, IIT Kanpur</p>
</div>
</div>
</div>
Expand Down

0 comments on commit 9315655

Please sign in to comment.