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

Create Revolutionary Editor and Here is what you get sections

Browse Source
This commit is contained in:
Bartlomiej Pluta (PGS Software)
2018-03-19 16:43:42 +01:00
parent 9126444031
commit da1d79479f
8 changed files with 165 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/index.html
View File

@@ -14,6 +14,7 @@
<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,900,300' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400" rel="stylesheet">
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
@@ -65,6 +66,97 @@
</a>
<p class="download__description">Unlimited 30-Days trial period</p>
</section>
<section class="editor">
<div class="container">
<div class="editor__description">
<p class="editor__h1">Revolutionary editor</p>
<div class="row">
<p class="editor__h2 col-10">
Aenean cursus imperdiet nisl id fermentum. Aliquam pharetra dui laoreet vulputate dignissim. Sed
id
metus id quam auctor molestie eget ut augue.
</p>
</div>
<div class="row">
<p class="col-12">
<img class="editor__github" src="img/features/github_buttons.png" alt="GitHub buttons">
</p>
</div>
</div>
</div>
</section>
<section class="about">
<div class="container">
<div class="row">
<div class="about__features col-6">
<div class="row about__feature">
<div class="col-3 about__feature-icon">
<img src="img/features/1.png"/>
</div>
<div class="col-9">
<p class="about__feature-title">
Created to Make The Web Better
</p>
<p class="about__feature-description">
Aenean cursus imperdiet nisl id fermentum. Aliquam pharetra dui laoreet vulputate
dignissim.
Sed id metus id quam auctor molestie eget ut augue.
</p>
</div>
</div>
<div class="row about__feature">
<div class="col-3 about__feature-icon">
<img src="img/features/2.png"/>
</div>
<div class="col-9">
<p class="about__feature-title">
Incredibly Powerful Tool
</p>
<p class="about__feature-description">
Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat
massa
placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat.
</p>
</div>
</div>
<div class="row about__feature">
<div class="col-3 about__feature-icon">
<img src="img/features/3.png"/>
</div>
<div class="col-9">
<p class="about__feature-title">
Experimental Stuff
</p>
<p class="about__feature-description">
Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat
massa
placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat.
</p>
</div>
</div>
<div class="row about__feature">
<div class="col-3 about__feature-icon">
<img src="img/features/4.png"/>
</div>
<div class="col-9">
<p class="about__feature-title">
Created to Make The Web Better
</p>
<p class="about__feature-description">
Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat
massa
placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat.
</p>
</div>
</div>
</div>
<div class="about__what-you-get col-6">
<p class="about__h1 about__h1--no-wrap">&lt;Here is what you get&gt;</p>
<img src="img/features/editor.png" alt="Revolutionary editor">
</div>
</div>
</div>
</section>
</div>
<!-- JavaScript -->