Вход Регистрация
Файл: two-sidebar.html
Строк: 230
<?php
<!DOCTYPE HTML>
<!--
    
Arcana by HTML5 UP
    html5up
.net | @ajlkn
    Free 
for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<
html>
    <
head>
        <
title>Two Sidebar Arcana by HTML5 UP</title>
        <
meta charset="utf-8" />
        <
meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
        <
link rel="stylesheet" href="assets/css/main.css" />
    </
head>
    <
body class="is-preload">
        <
div id="page-wrapper">

            <!-- 
Header -->
                <
div id="header">

                    <!-- 
Logo -->
                        <
h1><a href="index.html" id="logo">Arcana <em>by HTML5 UP</em></a></h1>

                    <!-- 
Nav -->
                        <
nav id="nav">
                            <
ul>
                                <
li><a href="index.html">Home</a></li>
                                <
li>
                                    <
a href="#">Dropdown</a>
                                    <
ul>
                                        <
li><a href="#">Lorem dolor</a></li>
                                        <
li><a href="#">Magna phasellus</a></li>
                                        <
li><a href="#">Etiam sed tempus</a></li>
                                        <
li>
                                            <
a href="#">Submenu</a>
                                            <
ul>
                                                <
li><a href="#">Lorem dolor</a></li>
                                                <
li><a href="#">Phasellus magna</a></li>
                                                <
li><a href="#">Magna phasellus</a></li>
                                                <
li><a href="#">Etiam nisl</a></li>
                                                <
li><a href="#">Veroeros feugiat</a></li>
                                            </
ul>
                                        </
li>
                                        <
li><a href="#">Veroeros feugiat</a></li>
                                    </
ul>
                                </
li>
                                <
li><a href="left-sidebar.html">Left Sidebar</a></li>
                                <
li><a href="right-sidebar.html">Right Sidebar</a></li>
                                <
li class="current"><a href="two-sidebar.html">Two Sidebar</a></li>
                                <
li><a href="no-sidebar.html">No Sidebar</a></li>
                            </
ul>
                        </
nav>

                </
div>

            <!-- 
Main -->
                <
section class="wrapper style1">
                    <
div class="container">
                        <
div class="row gtr-200">
                            <
div class="col-3 col-12-narrower">
                                <
div id="sidebar1">

                                    <!-- 
Sidebar 1 -->

                                        <
section>
                                            <
h3>Just a Subheading</h3>
                                            <
p>Phasellus quam turpisfeugiat sit amet ornare inhendrerit in lectus.
                                            
Praesent semper mod quis eget miEtiam eu ante risusAliquam erat volutpat.
                                            
Aliquam luctus et mattis lectus sit amet pulvinarNam turpis et nisi etiam.</p>
                                            <
footer>
                                                <
a href="#" class="button">Continue Reading</a>
                                            </
footer>
                                        </
section>

                                        <
section>
                                            <
h3>Another Subheading</h3>
                                            <
ul class="links">
                                                <
li><a href="#">Amet turpisfeugiat sit amet</a></li>
                                                <
li><a href="#">Ornare in hendrerit lectus</a></li>
                                                <
li><a href="#">Semper mod quis eget dolore</a></li>
                                                <
li><a href="#">Consequat lorem phasellus</a></li>
                                                <
li><a href="#">Amet turpis feugiat amet</a></li>
                                                <
li><a href="#">Semper mod quisturpis nisi</a></li>
                                            </
ul>
                                            <
footer>
                                                <
a href="#" class="button">More Random Links</a>
                                            </
footer>
                                        </
section>

                                </
div>
                            </
div>
                            <
div class="col-6 col-12-narrower imp-narrower">
                                <
div id="content">

                                    <!-- 
Content -->

                                        <
article>
                                            <
header>
                                                <
h2>Two Sidebar</h2>
                                                <
p>YupTwo sidebars at the same time.</p>
                                            </
header>

                                            <
span class="image featured"><img src="images/banner.jpg" alt="" /></span>

                                            <
p>Phasellus quam turpisfeugiat sit amet ornare inhendrerit in lectus.
                                            
Praesent semper mod quis eget miEtiam eu ante risusAliquam erat volutpat.
                                            
Aliquam luctus et mattis lectus sit amet pulvinarNam turpis nisi
                                            consequat etiam lorem ipsum dolor sit amet nullam
.</p>

                                            <
h3>And Yet Another Subheading</h3>
                                            <
p>Lorem ipsum dolor sit ametconsectetur adipiscing elitMaecenas ac quam risusat tempus
                                            justo
Sed dictum rutrum massa eu volutpatQuisque vitae hendrerit semPellentesque lorem felis,
                                            
ultricies a bibendum idbibendum sit amet nislMauris et lorem quamMaecenas rutrum imperdiet
                                            rhoncus dui quis euismod
Maecenas lorem telluscongue et condimentum acullamcorper non sapien.
                                            
Donec sagittis massa et leo semper a scelerisque metus faucibusMorbi congue mattis mi.
                                            
Phasellus sed nisl vitae risus tristique volutpatCras rutrum commodo luctus.</p>

                                            <
p>Phasellus odio risusfaucibus et viverra vitaeeleifend ac purusPraesent mattisenim
                                            quis hendrerit porttitor
sapien tortor viverra magnasit amet rhoncus nisl lacus nec arcu.
                                            
Maecenas tortor maurisconsectetur pellentesque dapibus egettincidunt vitae arcu.
                                            
Vestibulum purus auguetincidunt sit amet iaculis idporta eu purus.</p>
                                        </
article>

                                </
div>
                            </
div>
                            <
div class="col-3 col-12-narrower">
                                <
div id="sidebar2">

                                    <!-- 
Sidebar 2 -->

                                        <
section>
                                            <
h3>Another Subheading</h3>
                                            <
ul class="links">
                                                <
li><a href="#">Amet turpisfeugiat sit amet</a></li>
                                                <
li><a href="#">Ornare in hendrerit lectus</a></li>
                                                <
li><a href="#">Semper mod quis eget dolore</a></li>
                                                <
li><a href="#">Consequat lorem phasellus</a></li>
                                                <
li><a href="#">Amet turpis feugiat amet</a></li>
                                                <
li><a href="#">Semper mod quisturpis nisi</a></li>
                                            </
ul>
                                            <
footer>
                                                <
a href="#" class="button">More Random Links</a>
                                            </
footer>
                                        </
section>

                                        <
section>
                                            <
h3>Just a Subheading</h3>
                                            <
p>Phasellus quam turpisfeugiat sit amet ornare inhendrerit in lectus.
                                            
Praesent semper mod quis eget miEtiam eu ante risusAliquam erat volutpat.
                                            
Aliquam luctus et mattis lectus sit amet pulvinarNam turpis et nisi etiam.</p>
                                            <
footer>
                                                <
a href="#" class="button">Continue Reading</a>
                                            </
footer>
                                        </
section>

                                </
div>
                            </
div>
                        </
div>
                    </
div>
                </
section>

            <!-- 
Footer -->
                <
div id="footer">
                    <
div class="container">
                        <
div class="row">
                            <
section class="col-3 col-6-narrower col-12-mobilep">
                                <
h3>Links to Stuff</h3>
                                <
ul class="links">
                                    <
li><a href="#">Mattis et quis rutrum</a></li>
                                    <
li><a href="#">Suspendisse amet varius</a></li>
                                    <
li><a href="#">Sed et dapibus quis</a></li>
                                    <
li><a href="#">Rutrum accumsan dolor</a></li>
                                    <
li><a href="#">Mattis rutrum accumsan</a></li>
                                    <
li><a href="#">Suspendisse varius nibh</a></li>
                                    <
li><a href="#">Sed et dapibus mattis</a></li>
                                </
ul>
                            </
section>
                            <
section class="col-3 col-6-narrower col-12-mobilep">
                                <
h3>More Links to Stuff</h3>
                                <
ul class="links">
                                    <
li><a href="#">Duis neque nisi dapibus</a></li>
                                    <
li><a href="#">Sed et dapibus quis</a></li>
                                    <
li><a href="#">Rutrum accumsan sed</a></li>
                                    <
li><a href="#">Mattis et sed accumsan</a></li>
                                    <
li><a href="#">Duis neque nisi sed</a></li>
                                    <
li><a href="#">Sed et dapibus quis</a></li>
                                    <
li><a href="#">Rutrum amet varius</a></li>
                                </
ul>
                            </
section>
                            <
section class="col-6 col-12-narrower">
                                <
h3>Get In Touch</h3>
                                <
form>
                                    <
div class="row gtr-50">
                                        <
div class="col-6 col-12-mobilep">
                                            <
input type="text" name="name" id="name" placeholder="Name" />
                                        </
div>
                                        <
div class="col-6 col-12-mobilep">
                                            <
input type="email" name="email" id="email" placeholder="Email" />
                                        </
div>
                                        <
div class="col-12">
                                            <
textarea name="message" id="message" placeholder="Message" rows="5"></textarea>
                                        </
div>
                                        <
div class="col-12">
                                            <
ul class="actions">
                                                <
li><input type="submit" class="button alt" value="Send Message" /></li>
                                            </
ul>
                                        </
div>
                                    </
div>
                                </
form>
                            </
section>
                        </
div>
                    </
div>

                    <!-- 
Icons -->
                        <
ul class="icons">
                            <
li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
                            <
li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
                            <
li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
                            <
li><a href="#" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
                            <
li><a href="#" class="icon brands fa-google-plus-g"><span class="label">Google+</span></a></li>
                        </
ul>

                    <!-- 
Copyright -->
                        <
div class="copyright">
                            <
ul class="menu">
                                <
li>&copyUntitledAll rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
                            </
ul>
                        </
div>

                </
div>

        </
div>

        <!-- 
Scripts -->
            <
script src="assets/js/jquery.min.js"></script>
            <
script src="assets/js/jquery.dropotron.min.js"></script>
            <
script src="assets/js/browser.min.js"></script>
            <
script src="assets/js/breakpoints.min.js"></script>
            <
script src="assets/js/util.js"></script>
            <
script src="assets/js/main.js"></script>

    </
body>
</
html>
?>
Онлайн: 1
Реклама