Skip to content

V
virtualX
Commit d565222b authored by Nameer AS's avatar Nameer AS
Browse files
Options

textarea, banner buton navigation issue

parent 7056667e
Show whitespace changes
Inline Side-by-side
Showing with 58 additions and 38 deletions
src/assets/js/app.js
View file @ d565222b
...@@ -12,8 +12,3 @@ require('./jquery.hoverdir.js'); ...@@ -12,8 +12,3 @@ require('./jquery.hoverdir.js');
require('./SmoothScroll.js'); require('./SmoothScroll.js');
require('./owl.carousel.js'); require('./owl.carousel.js');
require('./main.js'); require('./main.js');
// If you want to pick and choose which modules to include, comment out the above and uncomment
// the line below
//import './lib/foundation-explicit-pieces';
$(document).foundation().ready();
\ No newline at end of file
src/assets/js/main.js
View file @ d565222b
$(document).ready(function() { $(document).ready(function() {
$(document).foundation();
var headerHeight; var headerHeight;
$('.search span.search-top').on('click', function() { $('.search span.search-top').on('click', function() {
event.stopPropagation(); event.stopPropagation();
...@@ -27,10 +28,10 @@ $(document).ready(function() { ...@@ -27,10 +28,10 @@ $(document).ready(function() {
'paddingTop': headerHeight 'paddingTop': headerHeight
}); });
$('.to-next').on('click', function() { $('.to-next i.icon-Banner-mouse').on('click', function() {
var nextDiv = $(this).parent().next(); var nextDiv = $(this).parents('.carousel').next();
$('html,body').animate({ $('html,body').animate({
scrollTop: $(nextDiv).offset().top - headerHeight scrollTop: $(nextDiv).offset().top - $('header').outerHeight()
}, 500) }, 500)
}); });
...@@ -91,20 +92,18 @@ $(document).ready(function() { ...@@ -91,20 +92,18 @@ $(document).ready(function() {
time: 2000 time: 2000
}); });
function scrollTo(parent) { function scrollTo() {
$(parent).each(function() { var child = $('.smooth-scroll');
var child = $(this).find('.smooth-scroll');
var secId = child.attr('href');
child.on('click', function(e) { child.on('click', function(e) {
e.preventDefault(); e.preventDefault();
var secId = $(this).attr('href');
$('html,body').animate({ $('html,body').animate({
scrollTop: $(secId).offset().top - $('header').outerHeight() scrollTop: $(secId).offset().top - $('header').outerHeight()
}, 1500); }, 1500);
}); });
});
}; };
scrollTo('.overview .cell');
scrollTo('.menu.vertical > li'); scrollTo();
$('.client-list').owlCarousel({ $('.client-list').owlCarousel({
loop: true, loop: true,
...@@ -132,10 +131,5 @@ $(document).ready(function() { ...@@ -132,10 +131,5 @@ $(document).ready(function() {
} }
} }
}); });
var orbit = new Foundation.Orbit($('.orbit'), {
animation: 'slide-in-right',
timerDelay: 15000,
bullets: false,
pauseOnHover: true
});
}); });
\ No newline at end of file
src/assets/scss/_main.scss
View file @ d565222b
...@@ -279,7 +279,8 @@ ...@@ -279,7 +279,8 @@
-moz-transition: 0.2s ease all; -moz-transition: 0.2s ease all;
-webkit-transition: 0.2s ease all; -webkit-transition: 0.2s ease all;
} }
input { input,
textarea {
padding-bottom: 0; padding-bottom: 0;
position: relative; position: relative;
z-index: 9; z-index: 9;
...@@ -417,6 +418,9 @@ ...@@ -417,6 +418,9 @@
&:hover { &:hover {
border-bottom-color: #261b1b; border-bottom-color: #261b1b;
} }
&:focus {
border-bottom: solid 4px #261b1b;
}
} }
strong { strong {
line-height: normal; line-height: normal;
...@@ -459,6 +463,15 @@ ...@@ -459,6 +463,15 @@
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
align-items: center; align-items: center;
a {
color: #fff;
display: flex;
align-items: center;
&:focus {
color: #fff;
outline: 0;
}
}
&:before { &:before {
margin: 0 10px 0 0; margin: 0 10px 0 0;
background: $highlight-color; background: $highlight-color;
...@@ -533,6 +546,8 @@ ...@@ -533,6 +546,8 @@
text-align: center; text-align: center;
font-size: 60px; font-size: 60px;
&.to-next { &.to-next {
width: 60px;
margin: auto;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
} }
...@@ -1156,6 +1171,16 @@ ...@@ -1156,6 +1171,16 @@
background-color: #261b1b; background-color: #261b1b;
} }
} }
ul {
li {
a {
&:focus {
color: #574f4d;
outline: 0;
}
}
}
}
} }
.sub-footer { .sub-footer {
......
src/pages/index.html
View file @ d565222b
<section class="carousel" id="home"> <section class="carousel" id="home">
<div class="grid-container fluid"> <div class="grid-container fluid">
<div class="orbit" role="region" aria-label="Favorite Space Pictures"> <div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit>
<div class="orbit-wrapper"> <div class="orbit-wrapper">
<div class="orbit-controls"> <div class="orbit-controls">
<button class="orbit-previous"><i class="icon-Banner-arrow"></i></button> <button class="orbit-previous"><i class="icon-Banner-arrow"></i></button>
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<li>Affordable</li> <li>Affordable</li>
<li>Modular</li> <li>Modular</li>
</ul> </ul>
<a href="" class="button">Get VirtualX</a> <a href="#pricing" class="smooth-scroll button">Get VirtualX</a>
</figcaption> </figcaption>
</figure> </figure>
</li> </li>
...@@ -34,16 +34,22 @@ ...@@ -34,16 +34,22 @@
<strong><span class="red">3</span>Easy Steps</strong> <strong><span class="red">3</span>Easy Steps</strong>
<ul class="number-list"> <ul class="number-list">
<li> <li>
<a href="#pricing" class="smooth-scroll">
<i class="icon-lock"></i> Sign Up <i class="icon-lock"></i> Sign Up
</a>
</li> </li>
<li> <li>
<a href="">
<i class="icon-price-wheel"></i> Customize <i class="icon-price-wheel"></i> Customize
</a>
</li> </li>
<li> <li>
<a href="">
<i class="icon-rocket"></i> Launch <i class="icon-rocket"></i> Launch
</a>
</li> </li>
</ul> </ul>
<a href="" class="button">Get VirtualX</a> <a href="#pricing" class="smooth-scroll button">Get VirtualX</a>
</figcaption> </figcaption>
</figure> </figure>
</li> </li>
...@@ -506,10 +512,10 @@ ...@@ -506,10 +512,10 @@
<div class="grid-x grid-margin-x"> <div class="grid-x grid-margin-x">
<div class="large-2 cell"> <div class="large-2 cell">
<ul class="list-none"> <ul class="list-none">
<li><a href="">Home</a></li> <li><a href="#home" class="smooth-scroll">Home</a></li>
<li><a href="">Features</a></li> <li><a href="#features" class="smooth-scroll">Features</a></li>
<li><a href="">Pricing</a></li> <li><a href="#pricing" class="smooth-scroll">Pricing</a></li>
<li><a href="">Contact Us</a></li> <li><a href="#contact" class="smooth-scroll">Contact Us</a></li>
</ul> </ul>
</div> </div>
<div class="large-3 cell"> <div class="large-3 cell">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment