Вход Регистрация
Файл: left-sidebar.html
Строк: 213
<?php
<!DOCTYPE HTML>
<!--
    
Verti by HTML5 UP
    html5up
.net | @ajlkn
    Free 
for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<
html>
    <
head>
        <
title>Verti 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 left-sidebar">
        <
div id="page-wrapper">

            <!-- 
Header -->
                <
div id="header-wrapper">
                    <
header id="header" class="container">

                        <!-- 
Logo -->
                            <
div id="logo">
                                <
h1><a href="index.html">Verti</a></h1>
                                <
span>by HTML5 UP</span>
                            </
div>

                        <!-- 
Nav -->
                            <
nav id="nav">
                                <
ul>
                                    <
li><a href="index.html">Welcome</a></li>
                                    <
li>
                                        <
a href="#">Dropdown</a>
                                        <
ul>
                                            <
li><a href="#">Lorem ipsum dolor</a></li>
                                            <
li><a href="#">Magna phasellus</a></li>
                                            <
li>
                                                <
a href="#">Phasellus consequat</a>
                                                <
ul>
                                                    <
li><a href="#">Lorem ipsum dolor</a></li>
                                                    <
li><a href="#">Phasellus consequat</a></li>
                                                    <
li><a href="#">Magna phasellus</a></li>
                                                    <
li><a href="#">Etiam dolore nisl</a></li>
                                                </
ul>
                                            </
li>
                                            <
li><a href="#">Veroeros feugiat</a></li>
                                        </
ul>
                                    </
li>
                                    <
li class="current"><a href="left-sidebar.html">Left Sidebar</a></li>
                                    <
li><a href="right-sidebar.html">Right Sidebar</a></li>
                                    <
li><a href="no-sidebar.html">No Sidebar</a></li>
                                </
ul>
                            </
nav>

                    </
header>
                </
div>

            <!-- 
Main -->
                <
div id="main-wrapper">
                    <
div class="container">
                        <
div class="row gtr-200">
                            <
div class="col-4 col-12-medium">
                                <
div id="sidebar">

                                    <!-- 
Sidebar -->
                                        <
section>
                                            <
h3>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 nisi
                                            consequat etiam
.</p>
                                            <
footer>
                                                <
a href="#" class="button icon solid fa-info-circle">Find out more</a>
                                            </
footer>
                                        </
section>

                                        <
section>
                                            <
h3>Subheading</h3>
                                            <
ul class="style2">
                                                <
li><a href="#">Amet turpisfeugiat et sit amet</a></li>
                                                <
li><a href="#">Ornare in hendrerit in lectus</a></li>
                                                <
li><a href="#">Semper mod quis eget mi dolore</a></li>
                                                <
li><a href="#">Quam turpis feugiat sit dolor</a></li>
                                                <
li><a href="#">Amet ornare in hendrerit in lectus</a></li>
                                                <
li><a href="#">Semper mod quisturpis nisi</a></li>
                                            </
ul>
                                        </
section>

                                </
div>
                            </
div>
                            <
div class="col-8 col-12-medium imp-medium">
                                <
div id="content">

                                    <!-- 
Content -->
                                        <
article>

                                            <
h2>Left Sidebar</h2>

                                            <
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>More intriguing information</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
                                            vulputate
Nulla quis nibh ipsumsed egestas justoMorbi ut ante mattis orci convallis tempor.
                                            
Etiam a lacus a lacus pharetra porttitor quis accumsan odioSed vel euismod nisiEtiam convallis
                                            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.
                                            
Suspendisse laoreet metus ut metus imperdiet interdum aliquam justo tinciduntMauris dolor urna,
                                            
fringilla vel malesuada acdignissim eu miPraesent mollis massa ac nulla pretium pretium.
                                            
Maecenas tortor maurisconsectetur pellentesque dapibus egettincidunt vitae arcu.
                                            
Vestibulum purus auguetincidunt sit amet iaculis idporta eu purus.</p>

                                        </
article>

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

            <!-- 
Footer -->
                <
div id="footer-wrapper">
                    <
footer id="footer" class="container">
                        <
div class="row">
                            <
div class="col-3 col-6-medium col-12-small">

                                <!-- 
Links -->
                                    <
section class="widget links">
                                        <
h3>Random Stuff</h3>
                                        <
ul class="style2">
                                            <
li><a href="#">Etiam feugiat condimentum</a></li>
                                            <
li><a href="#">Aliquam imperdiet suscipit odio</a></li>
                                            <
li><a href="#">Sed porttitor cras in erat nec</a></li>
                                            <
li><a href="#">Felis varius pellentesque potenti</a></li>
                                            <
li><a href="#">Nullam scelerisque blandit leo</a></li>
                                        </
ul>
                                    </
section>

                            </
div>
                            <
div class="col-3 col-6-medium col-12-small">

                                <!-- 
Links -->
                                    <
section class="widget links">
                                        <
h3>Random Stuff</h3>
                                        <
ul class="style2">
                                            <
li><a href="#">Etiam feugiat condimentum</a></li>
                                            <
li><a href="#">Aliquam imperdiet suscipit odio</a></li>
                                            <
li><a href="#">Sed porttitor cras in erat nec</a></li>
                                            <
li><a href="#">Felis varius pellentesque potenti</a></li>
                                            <
li><a href="#">Nullam scelerisque blandit leo</a></li>
                                        </
ul>
                                    </
section>

                            </
div>
                            <
div class="col-3 col-6-medium col-12-small">

                                <!-- 
Links -->
                                    <
section class="widget links">
                                        <
h3>Random Stuff</h3>
                                        <
ul class="style2">
                                            <
li><a href="#">Etiam feugiat condimentum</a></li>
                                            <
li><a href="#">Aliquam imperdiet suscipit odio</a></li>
                                            <
li><a href="#">Sed porttitor cras in erat nec</a></li>
                                            <
li><a href="#">Felis varius pellentesque potenti</a></li>
                                            <
li><a href="#">Nullam scelerisque blandit leo</a></li>
                                        </
ul>
                                    </
section>

                            </
div>
                            <
div class="col-3 col-6-medium col-12-small">

                                <!-- 
Contact -->
                                    <
section class="widget contact">
                                        <
h3>Contact Us</h3>
                                        <
ul>
                                            <
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-instagram"><span class="label">Instagram</span></a></li>
                                            <
li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
                                            <
li><a href="#" class="icon brands fa-pinterest"><span class="label">Pinterest</span></a></li>
                                        </
ul>
                                        <
p>1234 Fictional Road<br />
                                        
NashvilleTN 00000<br />
                                        (
800555-0000</p>
                                    </
section>

                            </
div>
                        </
div>
                        <
div class="row">
                            <
div class="col-12">
                                <
div id="copyright">
                                    <
ul class="menu">
                                        <
li>&copyUntitledAll rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
                                    </
ul>
                                </
div>
                            </
div>
                        </
div>
                    </
footer>
                </
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>
?>
Онлайн: 3
Реклама