API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 8th, 2015
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.20 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6.     <title>Altus - HTML5 template</title>
  7.     <!-- including stylesheets -->
  8.     <link rel="stylesheet" href="assets/css/font-awesome.css">
  9.     <link rel="stylesheet" href="assets/css/core.css">
  10.     <link rel="stylesheet" href="assets/css/theme.css">
  11.     <!-- including colorpicker stylesheets -->
  12.     <link href="colorpicker/colorpicker.css" rel="stylesheet" type="text/css">
  13. </head>
  14. <body>
  15.     <!-- colorpicker -->
  16.     <div class="colorpicker close">
  17.     <header><h2>Style selector</h2></header>
  18.     <h2>Choose your layout style</h2>
  19.     <select class="layout">
  20.         <option value="wide">Wide</option>
  21.         <option value="boxed">Boxed</option>
  22.     </select>
  23.     <h2>Choose your menu style</h2>
  24.     <select class="menu-style">
  25.         <option value="default">Default</option>
  26.         <option value="sticky">Sticky</option>
  27.     </select>
  28.     <h2>Choose your colour scheme</h2>
  29.     <ul class="fields colors">
  30.       <li class="selected"><button class="color-1"></button></li>
  31.       <li><button class="color-2"></button></li>
  32.       <li><button class="color-3"></button></li>
  33.       <li><button class="color-4"></button></li>
  34.       <li class="last"><button class="color-5"></button></li>
  35.       <li><button class="color-6"></button></li>
  36.       <li><button class="color-7"></button></li>
  37.       <li><button class="color-8"></button></li>
  38.       <li><button class="color-9"></button></li>
  39.       <li class="last"><button class="color-10"></button></li>
  40.     </ul>
  41.     <h2>Choose boxed background</h2>
  42.     <ul class="fields patterns">
  43.       <li class="selected"><button class="pattern-1"></button></li>
  44.       <li><button class="pattern-2"></button></li>
  45.       <li><button class="pattern-3"></button></li>
  46.       <li><button class="pattern-4"></button></li>
  47.       <li class="last"><button class="pattern-5"></button></li>
  48.       <li><button class="pattern-6"></button></li>
  49.       <li><button class="pattern-7"></button></li>
  50.       <li><button class="pattern-8"></button></li>
  51.       <li><button class="pattern-9"></button></li>
  52.       <li class="last"><button class="pattern-10"></button></li>
  53.     </ul>
  54.     <div class="close"><button></button></div>
  55.     </div>
  56.     <!-- end colorpicker -->
  57.     <div class="site-wrapper">
  58.         <header class="site-header">
  59.             <div class="site-search">
  60.                 <div class="container">
  61.                     <input type="text" placeholder="type and press ‘enter’">
  62.                     <span class="close">&times;</span>
  63.                 </div>
  64.             </div>
  65.             <div class="top-bar">
  66.                 <div class="container">
  67.                     <div class="left">
  68.                         <div class="widget">
  69.                             <ul class="social">
  70.                                 <li><a href="#" class="fa fa-facebook"></a></li>
  71.                                 <li><a href="#" class="fa fa-twitter"></a></li>
  72.                                 <li><a href="#" class="fa fa-pinterest"></a></li>
  73.                                 <li><a href="#" class="fa fa-google-plus"></a></li>
  74.                                 <li><a href="#" class="fa fa-youtube"></a></li>
  75.                             </ul>
  76.                         </div>
  77.                     </div>
  78.                     <div class="right">
  79.                         <div class="widget text">
  80.                             <span class="fa fa-phone"></span>+ 386 40 111 5555
  81.                         </div>
  82.                         <div class="widget text">
  83.                             <span class="fa fa-envelope-o"></span><a href="mailto:[email protected]">[email protected]</a>
  84.                         </div>
  85.                     </div>
  86.                 </div>
  87.                 <span class="close fa fa-chevron-down"></span>
  88.             </div>
  89.             <div class="nav-wrap">
  90.                 <div class="container">
  91.                     <div class="site-logo retina">
  92.                         <a href="index.html">
  93.                             <img src="images/altus_logo_retina.png" alt="Altus logo">
  94.                         </a>
  95.                     </div>
  96.                     <button class="fa fa-search"></button>
  97.                     <button class="navbar-toggle" type="button">
  98.                         <span class="sr-only">Toggle navigation</span>
  99.                         <span class="icon-bar"></span>
  100.                         <span class="icon-bar"></span>
  101.                         <span class="icon-bar"></span>
  102.                     </button>
  103.                     <nav class="site-navigation">
  104.                         <ul>
  105.                             <li class="menu-item-has-children">
  106.                                 <a href="index.html">Home</a>
  107.                                 <ul class="sub-menu">
  108.                                     <li><a href="index.html">Home view 1</a></li>
  109.                                     <li><a href="index-v2.html">Home view 2</a></li>
  110.                                     <li><a href="index-v3.html">Home view 3</a></li>
  111.                                 </ul>
  112.                             </li>
  113.                             <li class="menu-item-has-children">
  114.                                 <a href="portfolio.html">Portfolio</a>
  115.                                 <ul class="sub-menu">
  116.                                     <li><a href="portfolio.html">Portfolio</a></li>
  117.                                     <li><a href="portfolio-classic.html">Portfolio classic</a></li>
  118.                                     <li><a href="portfolio-single.html">Portfolio single</a></li>
  119.                                 </ul>
  120.                             </li>
  121.                             <li class="menu-item-has-children">
  122.                                 <a href="about.html">Pages</a>
  123.                                 <ul class="sub-menu">
  124.                                     <li><a href="about.html">About us</a></li>
  125.                                     <li><a href="services.html">Services</a></li>
  126.                                     <li><a href="team.html">Team</a></li>
  127.                                     <li class="menu-item-has-children">
  128.                                         <a href="pricing-tables.html">Pricing tables</a>
  129.                                         <ul class="sub-menu">
  130.                                             <li class="menu-item-has-children">
  131.                                                 <a href="#">2nd level dropdown</a>
  132.                                                 <ul class="sub-menu">
  133.                                                     <li><a href="#">3nd level dropdown</a></li>
  134.                                                 </ul>
  135.                                             </li>
  136.                                             <li><a href="#">2nd level dropdown</a></li>
  137.                                             <li><a href="#">2nd level dropdown</a></li>
  138.                                         </ul>
  139.                                     </li>
  140.                                     <li><a href="faq.html">FAQ page</a></li>
  141.                                     <li><a href="full-width.html">Full width page</a></li>
  142.                                     <li><a href="left-sidebar.html">Left sidebar page</a></li>
  143.                                     <li><a href="right-sidebar.html">Right sidebar page</a></li>
  144.                                     <li><a href="404.html">404 page</a></li>
  145.                                 </ul>
  146.                             </li>
  147.                             <li class="menu-item-has-children">
  148.                                 <a href="elements.html">Elements</a>
  149.                                 <ul class="sub-menu">
  150.                                     <li><a href="elements.html">Page elements</a></li>
  151.                                     <li><a href="typography.html">Typography</a></li>
  152.                                 </ul>
  153.                             </li>
  154.                             <li class="menu-item-has-children current_page_item">
  155.                                 <a href="blog.html">Blog</a>
  156.                                 <ul class="sub-menu">
  157.                                     <li><a href="blog.html">Blog</a></li>
  158.                                     <li><a href="blog-grid.html">Blog grid</a></li>
  159.                                     <li><a href="blog-single.html">Blog single</a></li>
  160.                                 </ul>
  161.                             </li>
  162.                             <li><a href="contact.html">Contact</a></li>
  163.                         </ul>
  164.                     </nav>
  165.                 </div>
  166.             </div>
  167.             <div class="sticky-holder"></div>
  168.         </header>
  169.         <div class="page-heading" style="background-image: url(images/demo/page-heading.png);">
  170.             <div class="container">
  171.                 <h1>Blog</h1>
  172.                 <ul class="breadcrumbs">
  173.                     <li><a href="index.html">Home</a></li>
  174.                     <li>Blog</li>
  175.                 </ul>
  176.             </div>
  177.         </div>
  178.         <section class="container page-with-sidebar">
  179.             <div class="row">
  180.                 <div class="col-md-9">
  181.  
  182.  
  183.                     {loop="articles"}
  184.                     <article class="post">
  185.  
  186.                         <a href="article.php?id={$value.id}"><h1>{$value.title}</h1></a>
  187.                         <div class="post-content">
  188.                             <p>{$value.content}</p>
  189.                             <p>{$value.date}</p>
  190.                         </div>
  191.                         <a class="btn btn-md" href="article.php?id={$value.id}">Read more</a>
  192.                     </article>
  193.                     {else}
  194.                     <h1>No Articles</h1>
  195.                     {/loop}
  196.  
  197.                 </div>
  198.                 <aside class="col-md-3 sidebar">
  199.                     <form role="search" id="searchform" class="searchform">
  200.                         <div>
  201.                             <input type="text" value="" name="s" id="s" placeholder="Search...">
  202.                             <button type="submit" class="fa fa-search" id="searchsubmit" value=""></button>
  203.                         </div>
  204.                     </form>
  205.                     <h3 class="widget-title">Blog Categories</h3>
  206.                     <ul class="widget-categories">
  207.                         {loop="cats"}
  208.                             <li><a href="articlescat.php?cid={$value.cid}">{$value.cname}</a></li>
  209.                         {/loop}
  210.                     </ul>
  211.                     <h3 class="widget-title">Tags</h3>
  212.                     <div class="tagcloud">
  213.                         <a href="#">web</a>
  214.                         <a href="#">design</a>
  215.                         <a href="#">coding</a>
  216.                         <a href="#">art</a>
  217.                         <a href="#">photography</a>
  218.                         <a href="#">design</a>
  219.                         <a href="#">css</a>
  220.                         <a href="#">printing</a>
  221.                         <a href="#">html</a>
  222.                     </div>
  223.                     <h3 class="widget-title">Socialize</h3>
  224.                     <ul class="socialize">
  225.                         <li><a href="#" class="fa fa-twitter"></a></li>
  226.                         <li><a href="#" class="fa fa-facebook"></a></li>
  227.                         <li><a href="#" class="fa fa-dribbble"></a></li>
  228.                         <li><a href="#" class="fa fa-youtube"></a></li>
  229.                         <li><a href="#" class="fa fa-vimeo-square"></a></li>
  230.                         <li><a href="#" class="fa fa-linkedin"></a></li>
  231.                     </ul>
  232.                     <h3 class="widget-title">RSS feed</h3>
  233.                     <ul class="widget_rss">
  234.                         <li>
  235.                             <a href="#" class="rsswidget">RSS Feed Title</a>
  236.                             <span class="rss-date">November 12, 2013</span>
  237.                             <div class="rssSummary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla odio justo.</div>
  238.                             <cite>Authors name</cite>
  239.                         </li>
  240.                     </ul>
  241.                 </aside>
  242.             </div>
  243.         </section>
  244.         <footer class="site-footer">
  245.             <div class="container">
  246.                 <div class="row">
  247.                     <div class="col-md-3">
  248.                         <ul>
  249.                             <li>
  250.                                 <img src="images/footer_logo.png" alt="Footer logo">
  251.                             </li>
  252.                             <li>
  253.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed arcu in lectus volutpat cursus. Duis fermentum.
  254.                             </li>
  255.                             <li></li>
  256.                         </ul>
  257.                     </div>
  258.                     <div class="col-md-3">
  259.                         <h3 class="widget-title">Recent posts</h3>
  260.                         <ul class="recent-posts">
  261.                             <li>
  262.                                 <a href="#">Bootstrap related post</a>
  263.                                 <span class="post-date">March 12, 2014</span>
  264.                             </li>
  265.                             <li>
  266.                                 <a href="#">Using Grunt is awesome!</a>
  267.                                 <span class="post-date">March 17, 2014</span>
  268.                             </li>
  269.                             <li>
  270.                                 <a href="#">Get ready for Altus!</a>
  271.                                 <span class="post-date">March 22, 2014</span>
  272.                             </li>
  273.                         </ul>
  274.                     </div>
  275.                     <div class="col-md-3">
  276.                         <h3 class="widget-title">Navigation</h3>
  277.                         <ul class="menu">
  278.                             <li><a href="index.html">Home</a></li>
  279.                             <li><a href="portfolio.html">Portfolio</a></li>
  280.                             <li><a href="about.html">Pages</a></li>
  281.                             <li><a href="elements.html">Elements</a></li>
  282.                             <li><a href="blog.html">Blog</a></li>
  283.                             <li><a href="contact.html">Contact</a></li>
  284.                         </ul>
  285.                     </div>
  286.                     <div class="col-md-3">
  287.                         <h3 class="widget-title">Tags</h3>
  288.                         <div class="tagcloud">
  289.                             <a href="#">web</a>
  290.                             <a href="#">design</a>
  291.                             <a href="#">coding</a>
  292.                             <a href="#">art</a>
  293.                             <a href="#">photography</a>
  294.                             <a href="#">design</a>
  295.                             <a href="#">css</a>
  296.                             <a href="#">printing</a>
  297.                             <a href="#">html</a>
  298.                         </div>
  299.                     </div>
  300.                 </div>
  301.             </div>
  302.             <div class="copyright-footer text-center">
  303.                 <div class="container">
  304.                     <div class="row">
  305.                         copyright 2013 © anpsthemes.com   
  306.                     </div>
  307.                 </div>
  308.             </div>
  309.         </footer>
  310.     </div>
  311.    
  312.     <!-- including scripts -->
  313.     <script src="assets/js/jquery.js"></script>
  314.     <script src="assets/js/bootstrap/tab.js"></script>
  315.     <script src="assets/js/theme.js"></script>
  316.     <script src="assets/js/smoothscroll.js"></script>
  317.     <!-- including colorpicker scripts -->
  318.     <script src="colorpicker/colorpicker.js" type="text/javascript"></script>
  319.     <script src="colorpicker/jquery.cookie.js" type="text/javascript"></script>
  320. </body>
  321. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!