bartek/forkio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #8 from bartlomiej-pluta/cross-browser

Browse Source 
Cross browser
This commit is contained in:
Bartłomiej Przemysław Pluta
2018-04-10 12:33:59 +02:00
committed by GitHub
parent 09d7258400 ac9d30253c
commit dee7647f13
4 changed files with 34 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/index.html
View File

@@ -28,7 +28,7 @@
</head>
<body>
<div class="wrapper" id="wrapper">
<nav class="navbar navbar-expand-lg sticky-top">
<div class="navbar navbar-expand-lg fixed-top">
<div class="container">
<div class="brand navbar-header">
<img class="brand__logo" src="img/logo.svg" alt="Forkio logo">
@@ -49,13 +49,11 @@
<a class="navbar__link nav-link" href="#">Support</a>
</li>
<li class="nav-item">
<a href="#">
<button class="rounded-button rounded-button--strong">Buy now</button>
</a>
<button class="rounded-button rounded-button--strong">Buy now</button>
</li>
</ul>
</div>
</nav>
</div>
<header class="header">
<div>
@@ -64,13 +62,13 @@
<p class="header__description">V. 2.8 for Mac and Windows</p>
</div>
</header>
<section class="download">
<div class="download">
<a href="#" class="rounded-button rounded-button--very-strong download__rounded-button--translated">
Download for free now
</a>
<p class="download__description">Unlimited 30-Days trial period</p>
</section>
<section class="editor">
</div>
<div class="editor">
<div class="container">
<div class="editor__description">
<p class="editor__title">Revolutionary editor</p>
@@ -103,19 +101,18 @@
aria-label="Fork bartlomiej-pluta/forkio on GitHub">Fork</a>
</p>
</div>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="about">
</div>
<div class="about">
<div class="container">
<div class="row">
<div class="about__features col-6">
<div class="row feature">
<div class="col-3 feature__icon">
<img src="img/features/1.png"/>
<img src="img/features/1.png" alt=""/>
</div>
<div class="col-9">
<p class="feature__title">
@@ -130,7 +127,7 @@
</div>
<div class="row feature">
<div class="col-3 feature__icon">
<img src="img/features/2.png"/>
<img src="img/features/2.png" alt=""/>
</div>
<div class="col-9">
<p class="feature__title">
@@ -145,7 +142,7 @@
</div>
<div class="row feature">
<div class="col-3 feature__icon">
<img src="img/features/3.png"/>
<img src="img/features/3.png" alt=""/>
</div>
<div class="col-9">
<p class="feature__title">
@@ -160,7 +157,7 @@
</div>
<div class="row feature">
<div class="col-3 feature__icon">
<img src="img/features/4.png"/>
<img src="img/features/4.png" alt=""/>
</div>
<div class="col-9">
<p class="feature__title">
@@ -180,8 +177,8 @@
</div>
</div>
</div>
</section>
<section class="reviews container">
</div>
<div class="reviews container">
<div class="row justify-content-center">
<div class="reviews__content col-10">
<div class="review">
@@ -237,8 +234,8 @@
</div>
</div>
</div>
</section>
<section class="social container">
</div>
<div class="social container">
<div class="row justify-content-center">
<div class="social__content col-10">
<div>
@@ -264,8 +261,8 @@
</div>
</div>
</div>
</section>
<section class="testimonials">
</div>
<div class="testimonials">
<p class="testimonials__h1">People are talking about fork</p>
<div class="testimonials__content container">
<div class="testimonials__row row">
@@ -323,8 +320,8 @@
<div class="testimonials__delimiter col-8"></div>
</div>
</div>
</section>
<section class="pricing">
</div>
<div class="pricing">
<p class="pricing__title">Fork Subscription Pricing</p>
<div class="container">
<div class="row">
@@ -390,8 +387,8 @@
</div>
</div>
</div>
</section>
<section class="newsletter">
</div>
<div class="newsletter">
<div class="container">
<div class="row justify-content-between">
<div class="col-6 newsletter__title">
@@ -405,8 +402,8 @@
</div>
</div>
</div>
</section>
<section class="news">
</div>
<div class="news">
<div class="container">
<div class="row">
<div class="col-4">
@@ -504,8 +501,8 @@
</div>
</div>
</div>
</section>
<footer class="footer">
</div>
<div class="footer">
<div class="container">
<div class="row">
<div class="footer__about col-4">
@@ -537,13 +534,13 @@
<div class="footer__info col-3">
<p class="footer__info__title">Info</p>
<p class="footer__info__description">
Wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
Wisia enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex commodo consequat. Autem vel hendrerit iriure dolor in hendrerit.
</p>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- JavaScript -->

7
src/scss/_download.scss
View File

@@ -1,14 +1,15 @@
.download {
text-align: center;
width: 100%;
}
.download__rounded-button--translated {
position: absolute;
transform: translate(-50%, -50%);
position: relative;
bottom: 15px;
}
.download__description {
padding-top: 45px;
padding-top: 15px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;

2
src/scss/_header.scss
View File

@@ -1,6 +1,6 @@
.header {
background: black url(../img/header/img.png) no-repeat 50% 30% / cover;
height: 900px;
height: 100vh;
padding-top: 110px;
}

2
src/scss/_social.scss
View File

@@ -3,7 +3,7 @@
padding-top: 50px;
padding-bottom: 80px;
display: flex;
justify-content: space-evenly;
justify-content: space-between;
}
.social__stats {