Remove animations & fix navbar
This commit is contained in:
10
README.md
10
README.md
@@ -1 +1,9 @@
|
|||||||
# saburly-website2
|
# Saburly Website
|
||||||
|
|
||||||
|
## TODO:
|
||||||
|
|
||||||
|
Mobile:
|
||||||
|
|
||||||
|
[ ] - Our work slider not working
|
||||||
|
[ ] - More precise menu button
|
||||||
|
[ ] - Remove landing animation on mobile
|
||||||
@@ -206,8 +206,11 @@ ul,p{
|
|||||||
}
|
}
|
||||||
/*-----------------------------What we do-----------------------*/
|
/*-----------------------------What we do-----------------------*/
|
||||||
.what-we-do{
|
.what-we-do{
|
||||||
padding: 150px 0;
|
padding: 230px 0;
|
||||||
|
position: relative;
|
||||||
|
top: -80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.med-title{
|
.med-title{
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: #26245F;
|
color: #26245F;
|
||||||
@@ -459,11 +462,11 @@ footer ul li a:hover{
|
|||||||
|
|
||||||
body.second .navbar
|
body.second .navbar
|
||||||
{
|
{
|
||||||
background: #656bfd !important;
|
background: #656bfd !important;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
transition: all 0.3s ease-in-out;
|
/*transition: all 0.3s ease-in-out;*/
|
||||||
}
|
}
|
||||||
.owl-page.active{
|
.owl-page.active{
|
||||||
height: 8px !important;
|
height: 8px !important;
|
||||||
@@ -804,6 +807,13 @@ footer .back-to-top{
|
|||||||
.what-we-do,.how-we-work {
|
.what-we-do,.how-we-work {
|
||||||
padding: 50px 0;
|
padding: 50px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.what-we-do {
|
||||||
|
padding: 100px 0;
|
||||||
|
position: relative;
|
||||||
|
top: -60px;
|
||||||
|
}
|
||||||
|
|
||||||
.navbar-default {
|
.navbar-default {
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -29,7 +29,7 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<nav class="navbar navbar-default navbar-fixed-top" data-spy="affix" data-offset-top="900">
|
<nav class="navbar navbar-default navbar-fixed-top" data-spy="affix">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||||
|
|||||||
32
js/custom.js
32
js/custom.js
@@ -79,22 +79,22 @@ $('a.back-to-top').click(function() {
|
|||||||
|
|
||||||
|
|
||||||
//appear animedted...............
|
//appear animedted...............
|
||||||
$('.animated').appear(function() {
|
// $('.animated').appear(function() {
|
||||||
var elem = $(this);
|
// var elem = $(this);
|
||||||
var animation = elem.data('animation');
|
// var animation = elem.data('animation');
|
||||||
if (!elem.hasClass('visible')) {
|
// if (!elem.hasClass('visible')) {
|
||||||
var animationDelay = elem.data('animation-delay');
|
// var animationDelay = elem.data('animation-delay');
|
||||||
if (animationDelay) {
|
// if (animationDelay) {
|
||||||
|
|
||||||
setTimeout(function() {
|
// setTimeout(function() {
|
||||||
elem.addClass(animation + " visible");
|
// elem.addClass(animation + " visible");
|
||||||
}, animationDelay);
|
// }, animationDelay);
|
||||||
|
|
||||||
} else {
|
// } else {
|
||||||
elem.addClass(animation + " visible");
|
// elem.addClass(animation + " visible");
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
});
|
// });
|
||||||
//end appear animedted...............
|
//end appear animedted...............
|
||||||
|
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
@@ -167,9 +167,7 @@ $(window).on("scroll", function() {
|
|||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
var fadeStart = 900;
|
var fadeStart = 900;
|
||||||
var fadeUntil = 1300;
|
var fadeUntil = 1300;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$(window).scroll(function() {
|
$(window).scroll(function() {
|
||||||
var offset = $(document).scrollTop();
|
var offset = $(document).scrollTop();
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user