API tools faq
paste
Advertisement
fadlyshafa

Untitled

fadlyshafa
Jul 29th, 2019
1,339
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.86 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 http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.          <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8.  
  9.         <title>WebMag HTML Template</title>
  10.  
  11.         <!-- Google font -->
  12.         <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:700%7CNunito:300,600" rel="stylesheet">
  13.  
  14.         <!-- Bootstrap -->
  15.         <link type="text/css" rel="stylesheet" href="{{ asset('webmag/css/bootstrap.min.css') }}"/>
  16.  
  17.         <!-- Font Awesome Icon -->
  18.         <link rel="stylesheet" href="{{ asset('webmag/css/font-awesome.min.css') }}">
  19.  
  20.         <!-- Custom stlylesheet -->
  21.         <link type="text/css" rel="stylesheet" href="{{ asset('webmag/css/style.css') }}"/>
  22.  
  23.         <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  24.         <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  25.         <!--[if lt IE 9]>
  26.           <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  27.           <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  28.         <![endif]-->
  29.  
  30.     </head>
  31.     <body>
  32.  
  33.         <!-- Header -->
  34.         <header id="header">
  35.             <!-- Nav -->
  36.             <div id="nav">
  37.                 <!-- Main Nav -->
  38.                 <div id="nav-fixed">
  39.                     <div class="container">
  40.                         <!-- logo -->
  41.                         <div class="nav-logo">
  42.                             <a href="index.html" class="logo"><img src="{{ asset('webmag/img/logo.png') }}" alt=""></a>
  43.                         </div>
  44.                         <!-- /logo -->
  45.  
  46.                         <!-- nav -->
  47.                         <ul class="nav-menu nav navbar-nav">
  48.                             <li><a href="category.html">News</a></li>
  49.                             <li><a href="category.html">Popular</a></li>
  50.                             <li class="cat-1"><a href="category.html">Web Design</a></li>
  51.                             <li class="cat-2"><a href="category.html">JavaScript</a></li>
  52.                             <li class="cat-3"><a href="category.html">Css</a></li>
  53.                             <li class="cat-4"><a href="category.html">Jquery</a></li>
  54.                         </ul>
  55.                         <!-- /nav -->
  56.  
  57.                         <!-- search & aside toggle -->
  58.                         <div class="nav-btns">
  59.                             <button class="aside-btn"><i class="fa fa-bars"></i></button>
  60.                             <button class="search-btn"><i class="fa fa-search"></i></button>
  61.                             <div class="search-form">
  62.                                 <input class="search-input" type="text" name="search" placeholder="Enter Your Search ...">
  63.                                 <button class="search-close"><i class="fa fa-times"></i></button>
  64.                             </div>
  65.                         </div>
  66.                         <!-- /search & aside toggle -->
  67.                     </div>
  68.                 </div>
  69.                 <!-- /Main Nav -->
  70.  
  71.                 <!-- Aside Nav -->
  72.                 <div id="nav-aside">
  73.                     <!-- nav -->
  74.                     <div class="section-row">
  75.                         <ul class="nav-aside-menu">
  76.                             <li><a href="index.html">Home</a></li>
  77.                             <li><a href="about.html">About Us</a></li>
  78.                             <li><a href="#">Join Us</a></li>
  79.                             <li><a href="#">Advertisement</a></li>
  80.                             <li><a href="contact.html">Contacts</a></li>
  81.                         </ul>
  82.                     </div>
  83.                     <!-- /nav -->
  84.  
  85.                     <!-- widget posts -->
  86.                     <div class="section-row">
  87.                         <h3>Recent Posts</h3>
  88.                         <div class="post post-widget">
  89.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/widget-2.jpg') }}" alt=""></a>
  90.                             <div class="post-body">
  91.                                 <h3 class="post-title"><a href="blog-post.html">Pagedraw UI Builder Turns Your Website Design Mockup Into Code Automatically</a></h3>
  92.                             </div>
  93.                         </div>
  94.  
  95.                         <div class="post post-widget">
  96.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/widget-3.jpg') }}" alt=""></a>
  97.                             <div class="post-body">
  98.                                 <h3 class="post-title"><a href="blog-post.html">Why Node.js Is The Coolest Kid On The Backend Development Block!</a></h3>
  99.                             </div>
  100.                         </div>
  101.  
  102.                         <div class="post post-widget">
  103.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/widget-4.jpg') }}" alt=""></a>
  104.                             <div class="post-body">
  105.                                 <h3 class="post-title"><a href="blog-post.html">Tell-A-Tool: Guide To Web Design And Development Tools</a></h3>
  106.                             </div>
  107.                         </div>
  108.                     </div>
  109.                     <!-- /widget posts -->
  110.  
  111.                     <!-- social links -->
  112.                     <div class="section-row">
  113.                         <h3>Follow us</h3>
  114.                         <ul class="nav-aside-social">
  115.                             <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  116.                             <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  117.                             <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
  118.                             <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  119.                         </ul>
  120.                     </div>
  121.                     <!-- /social links -->
  122.  
  123.                     <!-- aside nav close -->
  124.                     <button class="nav-aside-close"><i class="fa fa-times"></i></button>
  125.                     <!-- /aside nav close -->
  126.                 </div>
  127.                 <!-- Aside Nav -->
  128.             </div>
  129.             <!-- /Nav -->
  130.         </header>
  131.         <!-- /Header -->
  132.  
  133.         <!-- section -->
  134.         <div class="section">
  135.             <!-- container -->
  136.             <div class="container">
  137.                 <!-- row -->
  138.                 <div class="row">  
  139.                     <!-- post -->
  140.                     <div class="col-md-6">
  141.                         <div class="post post-thumb">
  142.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/post-1.jpg') }}" alt=""></a>
  143.                             <div class="post-body">
  144.                                 <div class="post-meta">
  145.                                     <a class="post-category cat-2" href="category.html">JavaScript</a>
  146.                                     <span class="post-date">March 27, 2018</span>
  147.                                 </div>
  148.                                 <h3 class="post-title"><a href="blog-post.html">Chrome Extension Protects Against JavaScript-Based CPU Side-Channel Attacks</a></h3>
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                     <!-- /post -->
  153.  
  154.                     <!-- post -->
  155.                     <div class="col-md-6">
  156.                         <div class="post post-thumb">
  157.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/post-2.jpg') }}" alt=""></a>
  158.                             <div class="post-body">
  159.                                 <div class="post-meta">
  160.                                     <a class="post-category cat-3" href="category.html">Jquery</a>
  161.                                     <span class="post-date">March 27, 2018</span>
  162.                                 </div>
  163.                                 <h3 class="post-title"><a href="blog-post.html">Ask HN: Does Anybody Still Use JQuery?</a></h3>
  164.                             </div>
  165.                         </div>
  166.                     </div>
  167.                     <!-- /post -->
  168.                 </div>
  169.                 <!-- /row -->
  170.  
  171.                 <!-- row -->
  172.                 <div class="row">
  173.                     <div class="col-md-12">
  174.                         <div class="section-title">
  175.                             <h2>Popular Posts</h2>
  176.                         </div>
  177.                     </div>
  178.  
  179.                     <!-- post -->
  180.                     <div class="col-md-4">
  181.                         <div class="post">
  182.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/post-3.jpg') }}" alt=""></a>
  183.                             <div class="post-body">
  184.                                 <div class="post-meta">
  185.                                     <a class="post-category cat-1" href="category.html">Web Design</a>
  186.                                     <span class="post-date">March 27, 2018</span>
  187.                                 </div>
  188.                                 <h3 class="post-title"><a href="blog-post.html">Pagedraw UI Builder Turns Your Website Design Mockup Into Code Automatically</a></h3>
  189.                             </div>
  190.                         </div>
  191.                     </div>
  192.                     <!-- /post -->
  193.  
  194.                     <!-- post -->
  195.                     <div class="col-md-4">
  196.                         <div class="post">
  197.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/post-4.jpg') }}" alt=""></a>
  198.                             <div class="post-body">
  199.                                 <div class="post-meta">
  200.                                     <a class="post-category cat-2" href="category.html">JavaScript</a>
  201.                                     <span class="post-date">March 27, 2018</span>
  202.                                 </div>
  203.                                 <h3 class="post-title"><a href="blog-post.html">Chrome Extension Protects Against JavaScript-Based CPU Side-Channel Attacks</a></h3>
  204.                             </div>
  205.                         </div>
  206.                     </div>
  207.                     <!-- /post -->
  208.  
  209.                     <!-- post -->
  210.                     <div class="col-md-4">
  211.                         <div class="post">
  212.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/post-5.jpg') }}" alt=""></a>
  213.                             <div class="post-body">
  214.                                 <div class="post-meta">
  215.                                     <a class="post-category cat-3" href="category.html">Jquery</a>
  216.                                     <span class="post-date">March 27, 2018</span>
  217.                                 </div>
  218.                                 <h3 class="post-title"><a href="blog-post.html">Ask HN: Does Anybody Still Use JQuery?</a></h3>
  219.                             </div>
  220.                         </div>
  221.                     </div>
  222.                     <!-- /post -->
  223.  
  224.                     <div class="clearfix visible-md visible-lg"></div>
  225.  
  226.                     <!-- post -->
  227.                     <div class="col-md-4">
  228.                         <div class="post">
  229.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/post-6.jpg') }}" alt=""></a>
  230.                             <div class="post-body">
  231.                                 <div class="post-meta">
  232.                                     <a class="post-category cat-2" href="category.html">JavaScript</a>
  233.                                     <span class="post-date">March 27, 2018</span>
  234.                                 </div>
  235.                                 <h3 class="post-title"><a href="blog-post.html">Why Node.js Is The Coolest Kid On The Backend Development Block!</a></h3>
  236.                             </div>
  237.                         </div>
  238.                     </div>
  239.                     <!-- /post -->
  240.  
  241.                     <!-- post -->
  242.                     <div class="col-md-4">
  243.                         <div class="post">
  244.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/post-1.jpg') }}" alt=""></a>
  245.                             <div class="post-body">
  246.                                 <div class="post-meta">
  247.                                     <a class="post-category cat-4" href="category.html">Css</a>
  248.                                     <span class="post-date">March 27, 2018</span>
  249.                                 </div>
  250.                                 <h3 class="post-title"><a href="blog-post.html">CSS Float: A Tutorial</a></h3>
  251.                             </div>
  252.                         </div>
  253.                     </div>
  254.                     <!-- /post -->
  255.  
  256.                     <!-- post -->
  257.                     <div class="col-md-4">
  258.                         <div class="post">
  259.                             <a class="post-img" href="blog-post.html"><img src="{{ asset('webmag/img/post-2.jpg') }}" alt=""></a>
  260.                             <div class="post-body">
  261.                                 <div class="post-meta">
  262.                                     <a class="post-category cat-1" href="category.html">Web Design</a>
  263.                                     <span class="post-date">March 27, 2018</span>
  264.                                 </div>
  265.                                 <h3 class="post-title"><a href="blog-post.html">Tell-A-Tool: Guide To Web Design And Development Tools</a></h3>
  266.                             </div>
  267.                         </div>
  268.                     </div>
  269.                     <!-- /post -->
  270.                 </div>
  271.                 <!-- /row -->
  272.  
  273.                 <!-- row -->
  274.                
  275.                 <!-- /row -->
  276.             </div>
  277.             <!-- /container -->
  278.         </div>
  279.         <!-- /section -->
  280.        
  281.         <!-- section -->
  282.        
  283.         <!-- /section -->
  284.  
  285.         <!-- section -->
  286.         @include('layouts.recent')
  287.         <!-- /section -->
  288.  
  289.         <!-- Footer -->
  290.         <footer id="footer">
  291.             <!-- container -->
  292.             <div class="container">
  293.                 <!-- row -->
  294.                 <div class="row">
  295.                     <div class="col-md-5">
  296.                         <div class="footer-widget">
  297.                             <div class="footer-logo">
  298.                                 <a href="index.html" class="logo"><img src="{{ asset('webmag/img/logo.png') }}" alt=""></a>
  299.                             </div>
  300.                             <ul class="footer-nav">
  301.                                 <li><a href="#">Privacy Policy</a></li>
  302.                                 <li><a href="#">Advertisement</a></li>
  303.                             </ul>
  304.                             <div class="footer-copyright">
  305.                                 <span>&copy; <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  306. Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
  307. <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></span>
  308.                             </div>
  309.                         </div>
  310.                     </div>
  311.  
  312.                     <div class="col-md-4">
  313.                         <div class="row">
  314.                             <div class="col-md-6">
  315.                                 <div class="footer-widget">
  316.                                     <h3 class="footer-title">About Us</h3>
  317.                                     <ul class="footer-links">
  318.                                         <li><a href="about.html">About Us</a></li>
  319.                                         <li><a href="#">Join Us</a></li>
  320.                                         <li><a href="contact.html">Contacts</a></li>
  321.                                     </ul>
  322.                                 </div>
  323.                             </div>
  324.                             <div class="col-md-6">
  325.                                 <div class="footer-widget">
  326.                                     <h3 class="footer-title">Catagories</h3>
  327.                                     <ul class="footer-links">
  328.                                         <li><a href="category.html">Web Design</a></li>
  329.                                         <li><a href="category.html">JavaScript</a></li>
  330.                                         <li><a href="category.html">Css</a></li>
  331.                                         <li><a href="category.html">Jquery</a></li>
  332.                                     </ul>
  333.                                 </div>
  334.                             </div>
  335.                         </div>
  336.                     </div>
  337.  
  338.                     <div class="col-md-3">
  339.                         <div class="footer-widget">
  340.                             <h3 class="footer-title">Join our Newsletter</h3>
  341.                             <div class="footer-newsletter">
  342.                                 <form>
  343.                                     <input class="input" type="email" name="newsletter" placeholder="Enter your email">
  344.                                     <button class="newsletter-btn"><i class="fa fa-paper-plane"></i></button>
  345.                                 </form>
  346.                             </div>
  347.                             <ul class="footer-social">
  348.                                 <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  349.                                 <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  350.                                 <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
  351.                                 <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
  352.                             </ul>
  353.                         </div>
  354.                     </div>
  355.  
  356.                 </div>
  357.                 <!-- /row -->
  358.             </div>
  359.             <!-- /container -->
  360.         </footer>
  361.         <!-- /Footer -->
  362.  
  363.         <!-- jQuery Plugins -->
  364.         <script src="{{ asset('webmagjs/jquery.min.js') }}"></script>
  365.         <script src="{{ asset('webmag/js/bootstrap.min.js') }}"></script>
  366.         <script src="{{ asset('webmag/js/main.js') }}"></script>
  367.  
  368.     </body>
  369. </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!