landing page raw design

This commit is contained in:
Sagi Dayan 2020-01-18 17:41:17 -05:00
parent d7c9359ef2
commit 1ed012aa29
2 changed files with 70 additions and 34 deletions

View file

@ -24,42 +24,69 @@ Seepur | Shared story time
@endsection @endsection
@section('content') @section('content')
<div class="columns"> <section class="section">
<div class="column"> <div class="container has-text-centered">
<div class="card"> <h1 class="title">Title</h1>
<div class="card-header"> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui, dolores laudantium ipsam labore reiciendis iusto quas corrupti iure voluptatum cumque. Quos eveniet non molestias quidem alias, maiores et sed animi placeat molestiae! Ut neque, eligendi ab ipsam laboriosam tempore nostrum quas atque, rerum assumenda est reiciendis. Fuga modi rerum earum voluptates assumenda, asperiores corporis facere qui numquam dolorum. At consectetur, aut excepturi cumque quas incidunt explicabo! Maxime assumenda quas a placeat optio, unde excepturi dolorum delectus necessitatibus dolores ab officiis aut obcaecati rerum perferendis aperiam. Ex qui beatae, esse animi facere, ipsam tempora consequuntur corporis fuga dolor pariatur optio cum unde suscipit ipsum dolorum asperiores aliquam expedita. Necessitatibus perspiciatis expedita iure quae eos sit delectus veritatis earum, maxime explicabo, laborum fugit culpa eius quibusdam dolorum! Impedit quam incidunt quaerat quos sed officia at animi suscipit, hic ipsa cumque, sequi porro eos nostrum! Enim vitae, itaque eum placeat sint est, blanditiis fuga numquam reiciendis nesciunt expedita, modi sit natus! Fugit magni assumenda adipisci, doloremque maxime voluptas earum dolorem dignissimos? Saepe fugit est ab commodi dolorem recusandae architecto, natus quasi eaque veniam illum sed tenetur minima rem aperiam provident, blanditiis laudantium numquam aliquid optio ipsum autem. Odio architecto corrupti libero. Animi, culpa.</p>
<div class="card-header-title">Open Source</div> <a href="#" class="button">More...</a>
<div class="card-header-icon"><i class="fa fa-code"></i></div>
</div>
<div class="card-content">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Illo officiis totam architecto odio tenetur aliquam magnam dolores quaerat. Minima, ad.
</div>
</div>
</div> </div>
<div class="column"> </section>
<div class="card">
<div class="card-header">
<div class="card-header-title">Easy To Use</div>
<div class="card-header-icon"><div class="fa fa-hand-pointer-o"></div></div>
</div>
<div class="card-content">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Impedit numquam quas facere saepe aliquid blanditiis dolore, amet totam assumenda in consequatur ipsa optio officia illum excepturi quia reprehenderit quis nihil qui, iste obcaecati aut eius doloremque vero. Saepe, cum accusantium.
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="card-header">
<div class="card-header-title">Happy Family</div>
<div class="card-header-icon"><div class="fa fa-smile-o"></div></div>
</div>
<div class="card-content">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Impedit itaque facilis dolore, voluptatibus asperiores magni adipisci repudiandae ex provident nisi.
</div>
</div>
</div>
</div>
<section class="section">
<div class="columns">
<div class="column">
<img src="/images/landing-hero03.jpg" alt="">
</div>
<div class="column has-text-centered">
<div class="title">Title 2</div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id dolorum incidunt aliquid voluptatibus sapiente aliquam neque nesciunt ullam labore illo quae nostrum est, veniam cupiditate, ducimus, eos et voluptate quod libero! Quibusdam doloremque illo sapiente officiis dignissimos. Tempora consequuntur beatae nesciunt doloremque dolorem sit vero! Neque similique velit quae modi.</p>
<a href="#" class="button">More...</a>
</div>
</div>
</section>
<section class="section">
<div class="columns">
<div class="column has-text-centered">
<div class="title">Title 3</div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id dolorum incidunt aliquid voluptatibus sapiente aliquam neque nesciunt ullam labore illo quae nostrum est, veniam cupiditate, ducimus, eos et voluptate quod libero! Quibusdam doloremque illo sapiente officiis dignissimos. Tempora consequuntur beatae nesciunt doloremque dolorem sit vero! Neque similique velit quae modi.</p>
<a href="#" class="button">More...</a>
</div>
<div class="column">
<img src="/images/landing-hero01.jpg" alt="">
</div>
</div>
</section>
<section class="section">
<div class="columns has-text-centered">
<div class="column">
<div>
<span class="icon title"><i class="fa fa-info-circle is-rounded"></i></span>
</div>
<div>Feature name</div>
</div>
<div class="column">
<div>
<span class="icon title"><i class="fa fa-save is-rounded"></i></span>
</div>
<div>Feature name</div>
</div>
<div class="column">
<div>
<span class="icon title"><i class="fa fa-video is-rounded"></i></span>
</div>
<div>Feature name</div>
</div>
<div class="column">
<div>
<span class="icon title"><i class="fa fa-gitea is-rounded"></i></span>
</div>
<div>Feature name</div>
</div>
</div>
</section>
@endsection @endsection

View file

@ -23,5 +23,14 @@
</div> </div>
</section> </section>
<footer class="footer">
<div class="content has-text-centered">
<p>
<strong>Seepur</strong> | The source code is licensed
<a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content
is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY NC SA 4.0</a>.
</p>
</div>
</footer>
</body> </body>
</html> </html>