Line 124: | Line 124: | ||
<!-- Menu End --> | <!-- Menu End --> | ||
− | + | <body> | |
− | + | ||
− | + | <div class="gtco-loader"></div> | |
− | + | ||
− | + | <div id="page"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <nav class="gtco-nav" role="navigation"> | |
− | + | <div class="gtco-container"> | |
− | + | ||
− | + | <div class="row"> | |
− | + | <div class="col-sm-2 col-xs-12"> | |
− | + | <div id="gtco-logo"><a href="index.html"><img src="images/logo.png" alt="Free HTML5 Website Template by GetTemplates.co"></a></div> | |
− | + | </div> | |
− | + | <div class="col-xs-10 text-right menu-1"> | |
+ | <ul> | ||
+ | <li class="active"><a href="index.html">Home</a></li> | ||
+ | <li><a href="about.html">About</a></li> | ||
+ | <li class="has-dropdown"> | ||
+ | <a href="services.html">Services</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="#">Web Design</a></li> | ||
+ | <li><a href="#">eCommerce</a></li> | ||
+ | <li><a href="#">Branding</a></li> | ||
+ | <li><a href="#">API</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="has-dropdown"> | ||
+ | <a href="#">Dropdown</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="#">HTML5</a></li> | ||
+ | <li><a href="#">CSS3</a></li> | ||
+ | <li><a href="#">Sass</a></li> | ||
+ | <li><a href="#">jQuery</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="portfolio.html">Portfolio</a></li> | ||
+ | <li><a href="contact.html">Contact</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </nav> | ||
+ | |||
+ | <header id="gtco-header" class="gtco-cover" role="banner"> | ||
+ | <div class="gtco-container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 col-md-offset-0 text-left"> | ||
+ | <div class="display-t"> | ||
+ | <div class="display-tc"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-5 text-center header-img"> | ||
+ | <img src="images/cube.png" alt="Free HTML5 Website Template by GetTemplates.co"> | ||
+ | </div> | ||
+ | <div class="col-md-7 copy"> | ||
+ | <h1>Make your life simpler, try this for free.</h1> | ||
+ | <p>A free template hand-crafted by GetTemplates.co. Visit our site for more awesome templates.</p> | ||
+ | <p><a href="http://gettemplates.co" target="_blank" class="btn btn-white">Visit Gettemplates.co</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | <!-- END #gtco-header --> | ||
+ | |||
+ | <div class="gtco-client"> | ||
+ | <div class="gtco-container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2 col-md-offset-1 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0"> | ||
+ | <img src="images/client_1.png" alt="Free Website Template by GetTemplates.co" class="img-responsive"> | ||
+ | </div> | ||
+ | <div class="col-md-2 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0"> | ||
+ | <img src="images/client_2.png" alt="Free Website Template by GetTemplates.co" class="img-responsive"> | ||
+ | </div> | ||
+ | <div class="col-md-2 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0"> | ||
+ | <img src="images/client_3.png" alt="Free Website Template by GetTemplates.co" class="img-responsive"> | ||
+ | </div> | ||
+ | <div class="col-md-2 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0"> | ||
+ | <img src="images/client_4.png" alt="Free Website Template by GetTemplates.co" class="img-responsive"> | ||
+ | </div> | ||
+ | <div class="col-md-2 text-center client col-sm-6 col-xs-6 col-xs-offset-0 col-sm-offset-0"> | ||
+ | <img src="images/client_5.png" alt="Free Website Template by GetTemplates.co" class="img-responsive"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END .gtco-client --> | ||
+ | |||
+ | <div class="gtco-services gtco-section"> | ||
+ | <div class="gtco-container"> | ||
+ | <div class="row row-pb-sm"> | ||
+ | <div class="col-md-8 col-md-offset-2 gtco-heading text-center"> | ||
+ | <h2>Make your life simpler.</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.</p> | ||
+ | <p><a href="https://vimeo.com/channels/staffpicks/93951774" class="btn btn-special popup-vimeo">Watch The Video</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row row-pb-md"> | ||
+ | <div class="col-md-4 col-sm-4 service-wrap"> | ||
+ | <div class="service"> | ||
+ | <h3><i class="ti-pie-chart"></i> Marketing</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur voluptatibus nesciunt, est alias deleniti ipsum fuga ullam maxime repudiandae neque, ad. Maiores quis atque, culpa rem inventore vero amet praesentium, quam sint, magnam reprehenderit doloremque.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4 col-sm-4 service-wrap"> | ||
+ | <div class="service animate-change"> | ||
+ | <h3><i class="ti-ruler-pencil"></i> Design</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quidem quae, assumenda dolores ad pariatur! Deleniti debitis, voluptatem! Omnis enim magnam perspiciatis, natus. Ipsum distinctio, voluptatibus vero laboriosam sequi! Officia fuga quam eveniet quo similique!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4 col-sm-4 service-wrap"> | ||
+ | <div class="service"> | ||
+ | <h3><i class="ti-settings"></i> Development</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta aperiam, maiores officia alias accusantium fugiat, doloremque voluptas, voluptatem dolore vel animi praesentium saepe unde consequuntur, eum asperiores odit aliquam error nulla impedit repellendus. Nesciunt, delectus.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="clearfix visible-md-block visible-sm-block"></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END .gtco-services --> | ||
+ | |||
+ | <div class="gtco-section gtco-products"> | ||
+ | <div class="gtco-container"> | ||
+ | <div class="row row-pb-sm"> | ||
+ | <div class="col-md-8 col-md-offset-2 gtco-heading text-center"> | ||
+ | <h2>Popular Products</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row row-pb-md"> | ||
+ | <div class="col-md-4 col-sm-4"> | ||
+ | <a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_1.jpg)"> | ||
+ | <div class="overlay"> | ||
+ | <i class="ti-arrow-top-right"></i> | ||
+ | <div class="copy"> | ||
+ | <h3>Paper Hot Cup</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img src="images/img_1.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co"> | ||
+ | </a> | ||
+ | <a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_2.jpg)"> | ||
+ | <div class="overlay"> | ||
+ | <i class="ti-arrow-top-right"></i> | ||
+ | <div class="copy"> | ||
+ | <h3>Notepad Mockup</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img src="images/img_2.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-4 col-sm-4"> | ||
+ | <a href="#" class="gtco-item one-row bg-img animate-box" style="background-image: url(images/img_md_1.jpg)"> | ||
+ | <div class="overlay"> | ||
+ | <i class="ti-arrow-top-right"></i> | ||
+ | <div class="copy"> | ||
+ | <h3>Paper Pouch</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img src="images/img_md_1.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co"> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-4 col-sm-4"> | ||
+ | <a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_3.jpg)"> | ||
+ | <div class="overlay"> | ||
+ | <i class="ti-arrow-top-right"></i> | ||
+ | <div class="copy"> | ||
+ | <h3>Fancy 3D</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img src="images/img_3.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co"> | ||
+ | </a> | ||
+ | <a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_4.jpg)"> | ||
+ | <div class="overlay"> | ||
+ | <i class="ti-arrow-top-right"></i> | ||
+ | <div class="copy"> | ||
+ | <h3>Hard Cover Book</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img src="images/img_4.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 text-center"> | ||
+ | <p><a href="http://gettemplates.co" target="_blank" class="btn btn-special">Visit Gettemplates.co</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END .gtco-products --> | ||
+ | |||
+ | <div class="gtco-section gtco-testimonial gtco-gray"> | ||
+ | <div class="gtco-container"> | ||
+ | |||
+ | <div class="row row-pb-sm"> | ||
+ | <div class="col-md-8 col-md-offset-2 gtco-heading text-center"> | ||
+ | <h2>People Love Us</h2> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-6 col-sm-6 animate-box"> | ||
+ | <div class="gtco-testimony gtco-left"> | ||
+ | <div><img src="images/person_1.jpg" alt="Free Website template by GetTemplates.co"></div> | ||
+ | <blockquote> | ||
+ | <p>“Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.” <cite class="author">— Ferdinand A. Porsche</cite></p> | ||
+ | </blockquote> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-6 col-sm-6 animate-box"> | ||
+ | <div class="gtco-testimony gtco-left"> | ||
+ | <div><img src="images/person_2.jpg" alt="Free Website template by GetTemplates.co"></div> | ||
+ | <blockquote> | ||
+ | <p>“Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while.” <cite class="author">— Steve Jobs</cite></p> | ||
+ | </blockquote> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 col-sm-6 animate-box"> | ||
+ | <div class="gtco-testimony gtco-left"> | ||
+ | <div><img src="images/person_3.jpg" alt="Free Website template by GetTemplates.co"></div> | ||
+ | <blockquote> | ||
+ | <p>“I think design would be better if designers were much more skeptical about its applications. If you believe in the potency of your craft, where you choose to dole it out is not something to take lightly.” <cite class="author">— Frank Chimero</cite></p> | ||
+ | </blockquote> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-6 col-sm-6 animate-box"> | ||
+ | <div class="gtco-testimony gtco-left"> | ||
+ | <div><img src="images/person_1.jpg" alt="Free Website template by GetTemplates.co"></div> | ||
+ | <blockquote> | ||
+ | <p>“Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.” <cite class="author">— Ferdinand A. Porsche</cite></p> | ||
+ | </blockquote> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <footer id="gtco-footer" class="gtco-section" role="contentinfo"> | ||
+ | <div class="gtco-container"> | ||
+ | <div class="row row-pb-md"> | ||
+ | <div class="col-md-8 col-md-offset-2 gtco-cta text-center"> | ||
+ | <h3>We Love To Talk About Your Business</h3> | ||
+ | <p><a href="#" class="btn btn-white btn-outline">Contact Us</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row row-pb-md"> | ||
+ | <div class="col-md-4 gtco-widget gtco-footer-paragraph"> | ||
+ | <h3>Cube</h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod.</p> | ||
+ | </div> | ||
+ | <div class="col-md-4 gtco-footer-link"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <ul class="gtco-list-link"> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">Features</a></li> | ||
+ | <li><a href="#">Products</a></li> | ||
+ | <li><a href="#">Testimonial</a></li> | ||
+ | <li><a href="#">Contact</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <p> | ||
+ | <a href="tel://1234567890">+1 234 4565 2342</a> <br> | ||
+ | <a href="#">info@domain.com</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4 gtco-footer-subscribe"> | ||
+ | <form class="form-inline"> | ||
+ | <div class="form-group"> | ||
+ | <label class="sr-only" for="exampleInputEmail3">Email address</label> | ||
+ | <input type="email" class="form-control" id="" placeholder="Email"> | ||
+ | </div> | ||
+ | <button type="submit" class="btn btn-primary">Send</button> | ||
+ | </form> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="gtco-copyright"> | ||
+ | <div class="gtco-container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 text-left"> | ||
+ | <p><small>© 2016 Free HTML5. All Rights Reserved. </small></p> | ||
+ | </div> | ||
+ | <div class="col-md-6 text-right"> | ||
+ | <p><small>Designed by <a href="http://gettemplates.co/" target="_blank">GetTemplates.co</a> Demo Images: <a href="http://pixeden.com/" target="_blank">Pixeden</a> & <a href="http://unsplash.com" target="_blank">Unsplash</a></small> </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="gototop js-top"> | ||
+ | <a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 19:09, 1 June 2018
Georgia State University
Make your life simpler, try this for free.
A free template hand-crafted by GetTemplates.co. Visit our site for more awesome templates.
Make your life simpler.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.
Marketing
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur voluptatibus nesciunt, est alias deleniti ipsum fuga ullam maxime repudiandae neque, ad. Maiores quis atque, culpa rem inventore vero amet praesentium, quam sint, magnam reprehenderit doloremque.
Design
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quidem quae, assumenda dolores ad pariatur! Deleniti debitis, voluptatem! Omnis enim magnam perspiciatis, natus. Ipsum distinctio, voluptatibus vero laboriosam sequi! Officia fuga quam eveniet quo similique!
Development
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta aperiam, maiores officia alias accusantium fugiat, doloremque voluptas, voluptatem dolore vel animi praesentium saepe unde consequuntur, eum asperiores odit aliquam error nulla impedit repellendus. Nesciunt, delectus.
Popular Products
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.
People Love Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.
“Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.” — Ferdinand A. Porsche
“Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while.” — Steve Jobs
“I think design would be better if designers were much more skeptical about its applications. If you believe in the potency of your craft, where you choose to dole it out is not something to take lightly.” — Frank Chimero
“Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.” — Ferdinand A. Porsche