Merge branch 'base-edits'
This commit is contained in:
Arjun Patel
@@ -0,0 +1,36 @@
|
||||
(function() {
|
||||
const doc = document.documentElement;
|
||||
|
||||
doc.classList.remove('no-js');
|
||||
doc.classList.add('js');
|
||||
|
||||
// Reveal animations
|
||||
if (document.body.classList.contains('has-animations')) {
|
||||
/* global ScrollReveal */
|
||||
const sr = (window.sr = ScrollReveal());
|
||||
|
||||
sr.reveal('.hero-title, .hero-paragraph, .hero-cta', {
|
||||
duration: 1000,
|
||||
distance: '40px',
|
||||
easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
|
||||
origin: 'bottom',
|
||||
interval: 150
|
||||
});
|
||||
|
||||
sr.reveal('.feature, .pricing-table', {
|
||||
duration: 600,
|
||||
distance: '40px',
|
||||
easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
|
||||
interval: 100,
|
||||
origin: 'bottom',
|
||||
viewFactor: 0.5
|
||||
});
|
||||
|
||||
sr.reveal('.feature-extended-image, .testimonial', {
|
||||
duration: 600,
|
||||
scale: 0.9,
|
||||
easing: 'cubic-bezier(0.5, -0.01, 0, 1.005)',
|
||||
viewFactor: 0.5
|
||||
});
|
||||
}
|
||||
})();
|
||||
@@ -0,0 +1,121 @@
|
||||
|
||||
/* All that I added for styles */
|
||||
.logo {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
#countdown {
|
||||
margin: 120px 0 100px 0;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
color: #BDBDBD;
|
||||
}
|
||||
.time-factor {
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
|
||||
flex: 0 0 120px;
|
||||
border-right: 1px solid #B2EBF2;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 120px;
|
||||
|
||||
}
|
||||
.right-most {
|
||||
border: none;
|
||||
}
|
||||
.number-text {
|
||||
font-size: 2em;
|
||||
color: #1E4D92;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.join-paragraph {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
.hero-cta {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
}
|
||||
.email-input {
|
||||
margin-right: 5px;
|
||||
padding: 5px 10px;
|
||||
border: none;
|
||||
min-width: 250px;
|
||||
box-shadow: 0 8px 24px rgba(32,43,54,0.12);
|
||||
}
|
||||
#popup {
|
||||
position: fixed;
|
||||
top: 30px;
|
||||
margin-top: 1em;
|
||||
left: 50%;
|
||||
margin-right: -50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 2;
|
||||
background-color: rgb(49, 49, 49);
|
||||
color: white;
|
||||
font-size: 0.8em;
|
||||
padding: 0.2em 0.7em;
|
||||
border-radius: 3px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.hero-media video {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.slideshow-container {
|
||||
box-shadow: 0 8px 24px rgba(32,43,54,0.12);
|
||||
}
|
||||
.mySlides {
|
||||
display:none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.sponsor {
|
||||
min-height: 40px;
|
||||
max-width: 200px;
|
||||
max-height: 100px;
|
||||
/* max-width: 200px;
|
||||
height: 80px; */
|
||||
}
|
||||
|
||||
|
||||
.testimonial-position {
|
||||
margin-left: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
.site-footer {
|
||||
background: #0f8a9d;
|
||||
background: linear-gradient(57deg, #00C6A7 0%, #1E4D92 100%);
|
||||
/* -webkit-transform-origin: 0; */
|
||||
transform-origin: 0;
|
||||
/* -webkit-transform: skewY(-12deg); */
|
||||
/* transform: skewY(-12deg); */
|
||||
}
|
||||
.email-me {
|
||||
font-size: 1.5em;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.footer-links {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
.small-white-font {
|
||||
font-size: 1em;
|
||||
color: #f3e5f5;
|
||||
}
|
||||
@@ -0,0 +1,71 @@
|
||||
.testimonials {
|
||||
.section-title {
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.testimonials-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
margin-right: -12px;
|
||||
margin-left: -12px;
|
||||
margin-top: -12px;
|
||||
|
||||
&:last-of-type {
|
||||
margin-bottom: -12px;
|
||||
}
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.testimonial {
|
||||
padding: 12px;
|
||||
width: 368px;
|
||||
max-width: 368px;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.testimonial-inner {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
background: color(bg, 1);
|
||||
padding: 32px 24px;
|
||||
height: 100%;
|
||||
@include shadow;
|
||||
|
||||
> * {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.testimonial-footer {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.testimonial-image {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 12px;
|
||||
|
||||
img {
|
||||
border-radius: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.testimonial-name {
|
||||
color: color(typography, 1);
|
||||
}
|
||||
|
||||
@include media('>medium') {
|
||||
.testimonials {
|
||||
.section-title {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
/*--------------------------------------------------------------
|
||||
# Variables, functions and mixins
|
||||
--------------------------------------------------------------*/
|
||||
@import 'abstracts/variables', 'abstracts/functions', 'abstracts/mixins',
|
||||
'abstracts/include-media';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
1.0 Normalize
|
||||
* normalize.css v7.0.0 | MIT License
|
||||
* github.com/necolas/normalize.css
|
||||
--------------------------------------------------------------*/
|
||||
@import 'normalize';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Base
|
||||
--------------------------------------------------------------*/
|
||||
@import 'base/base';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Typography
|
||||
--------------------------------------------------------------*/
|
||||
@import 'base/typography';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Helpers
|
||||
--------------------------------------------------------------*/
|
||||
@import 'base/helpers';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Buttons
|
||||
--------------------------------------------------------------*/
|
||||
@import 'components/buttons';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Header
|
||||
--------------------------------------------------------------*/
|
||||
@import 'layout/header';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Hero
|
||||
--------------------------------------------------------------*/
|
||||
@import 'layout/hero';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Clients
|
||||
--------------------------------------------------------------*/
|
||||
@import 'layout/clients';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Features
|
||||
--------------------------------------------------------------*/
|
||||
@import 'layout/features';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Features extended
|
||||
--------------------------------------------------------------*/
|
||||
@import 'layout/features-extended';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Pricing
|
||||
--------------------------------------------------------------*/
|
||||
@import 'layout/pricing';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Site content
|
||||
--------------------------------------------------------------*/
|
||||
@import 'layout/main';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Testimonials
|
||||
--------------------------------------------------------------*/
|
||||
@import 'layout/testimonials';
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Footer
|
||||
--------------------------------------------------------------*/
|
||||
@import 'layout/footer';
|
||||
Reference in New Issue
Block a user