Advertisement
Guest User

Untitled

a guest
Jun 26th, 2019
342
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 16.57 KB | None | 0 0
  1. {% load static %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.   <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">    
  8.     <title>{% block title %} {% endblock %}</title>
  9.    
  10.     <!-- Font awesome -->
  11.     <link href="{% static 'css/font-awesome.css' %}" rel="stylesheet">
  12.     <!-- Bootstrap -->
  13.     <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet">
  14.     <!-- SmartMenus jQuery Bootstrap Addon CSS -->
  15.     <link href="{% static 'css/jquery.smartmenus.bootstrap.css' %}" rel="stylesheet">
  16.     <!-- Product view slider -->
  17.     <link rel="stylesheet" type="text/css" href="{% static 'css/jquery.simpleLens.css' %}">
  18.     <!-- slick slider -->
  19.     <link rel="stylesheet" type="text/css" href="{% static 'css/slick.css' %}">
  20.     <!-- price picker slider -->
  21.     <link rel="stylesheet" type="text/css" href="{% static 'css/nouislider.css' %}">
  22.     <!-- Theme color -->
  23.     <link id="switcher" href="{% static 'css/theme-color/default-theme.css' %}" rel="stylesheet">
  24.     <!-- <link id="switcher" href="css/theme-color/bridge-theme.css" rel="stylesheet"> -->
  25.     <!-- Top Slider CSS -->
  26.     <link href="{% static 'css/sequence-theme.modern-slide-in.css' %}" rel="stylesheet" media="all">
  27.  
  28.     <!-- Main style sheet -->
  29.     <link href="{{ STATIC_URL }}css/style.css" rel="stylesheet">
  30.  
  31.     <!-- Google Font -->
  32.     <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  33.     <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  34.    
  35.  
  36.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  37.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  38.     <!--[if lt IE 9]-->
  39.       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/htm5shiv.min.js"></script>
  40.       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  41.     <!-- [endif]-->
  42.  
  43.   </head>
  44.   <body>
  45.    <!-- wpf loader Two -->
  46.     <div id="wpf-loader-two">          
  47.       <div class="wpf-loader-two-inner">
  48.         <span>Loading</span>
  49.       </div>
  50.     </div>
  51.     <!-- / wpf loader Two -->      
  52.   <!-- SCROLL TOP BUTTON -->
  53.     <a class="scrollToTop" href="#"><i class="fa fa-chevron-up"></i></a>
  54.   <!-- END SCROLL TOP BUTTON -->
  55.  
  56.  
  57.   <!-- Start header section -->
  58.   <header id="aa-header">
  59.     <!-- start header top  -->
  60.     <div class="aa-header-top">
  61.       <div class="container">
  62.         <div class="row">
  63.           <div class="col-md-12">
  64.             <div class="aa-header-top-area">
  65.               <!-- start header top left -->
  66.               <div class="aa-header-top-left">
  67.                 <!-- start language -->
  68.                 <div class="aa-language">
  69.                   <div class="dropdown">
  70.                     <a class="btn dropdown-toggle" href="#" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  71.                       <img src="{% static 'img/flag/english.jpg' %}" alt="english flag">ENGLISH
  72.                       <span class="caret"></span>
  73.                     </a>
  74.                     <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
  75.                       <li><a href="#"><img src="{% static 'img/flag/french.jpg' %}" alt="">FRENCH</a></li>
  76.                       <li><a href="#"><img src="{% static 'img/flag/english.jpg' %}" alt="">ENGLISH</a></li>
  77.                     </ul>
  78.                   </div>
  79.                 </div>
  80.                 <!-- / language -->
  81.  
  82.                 <!-- start currency -->
  83.                 <div class="aa-currency">
  84.                   <div class="dropdown">
  85.                     <a class="btn dropdown-toggle" href="#" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  86.                       <i class="fa fa-usd"></i>USD
  87.                       <span class="caret"></span>
  88.                     </a>
  89.                     <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
  90.                       <li><a href="#"><i class="fa fa-euro"></i>EURO</a></li>
  91.                       <li><a href="#"><i class="fa fa-jpy"></i>YEN</a></li>
  92.                     </ul>
  93.                   </div>
  94.                 </div>
  95.                 <!-- / currency -->
  96.                 <!-- start cellphone -->
  97.                 <div class="cellphone hidden-xs">
  98.                   <p><span class="fa fa-phone"></span>00-62-658-658</p>
  99.                 </div>
  100.                 <!-- / cellphone -->
  101.               </div>
  102.               <!-- / header top left -->
  103.               <div class="aa-header-top-right">
  104.                 <ul class="aa-head-top-nav-right">
  105.                   <li><a href="account.html">My Account</a></li>
  106.                   <li class="hidden-xs"><a href="wishlist.html">Wishlist</a></li>
  107.                   <li class="hidden-xs"><a href="cart.html">My Cart</a></li>
  108.                   <li class="hidden-xs"><a href="checkout.html">Checkout</a></li>
  109.                   <li><a href="" data-toggle="modal" data-target="#login-modal">Login</a></li>
  110.                 </ul>
  111.               </div>
  112.             </div>
  113.           </div>
  114.         </div>
  115.       </div>
  116.     </div>
  117.     <!-- / header top  -->
  118.  
  119.     <!-- start header bottom  -->
  120.     <div class="aa-header-bottom">
  121.       <div class="container">
  122.         <div class="row">
  123.           <div class="col-md-12">
  124.             <div class="aa-header-bottom-area">
  125.               <!-- logo  -->
  126.               <div class="aa-logo">
  127.                 <!-- Text based logo -->
  128.                 <a href="index.html">
  129.                   <span class="fa fa-shopping-cart"></span>
  130.                   <p>daily<strong>Shop</strong> <span>Your Shopping Partner</span></p>
  131.                 </a>
  132.                 <!-- img based logo -->
  133.                 <!-- <a href="index.html"><img src="img/logo.jpg" alt="logo img"></a> -->
  134.               </div>
  135.               <!-- / logo  -->
  136.                <!-- cart box -->
  137.               <div class="aa-cartbox">
  138.                 <a class="aa-cart-link" href="#">
  139.                   <span class="fa fa-shopping-basket"></span>
  140.                   <span class="aa-cart-title">SHOPPING CART</span>
  141.                   <span class="aa-cart-notify">2</span>
  142.                 </a>
  143.                 <div class="aa-cartbox-summary">
  144.                   <ul>
  145.                     <li>
  146.                       <a class="aa-cartbox-img" href="#"><img src="{% static 'img/woman-small-2.jpg' %}" alt="img"></a>
  147.                       <div class="aa-cartbox-info">
  148.                         <h4><a href="#">Product Name</a></h4>
  149.                         <p>1 x $250</p>
  150.                       </div>
  151.                       <a class="aa-remove-product" href="#"><span class="fa fa-times"></span></a>
  152.                     </li>
  153.                     <li>
  154.                       <a class="aa-cartbox-img" href="#"><img src="{% static 'img/woman-small-1.jpg' %}" alt="img"></a>
  155.                       <div class="aa-cartbox-info">
  156.                         <h4><a href="#">Product Name</a></h4>
  157.                         <p>1 x $250</p>
  158.                       </div>
  159.                       <a class="aa-remove-product" href="#"><span class="fa fa-times"></span></a>
  160.                     </li>
  161.                     <li>
  162.                       <span class="aa-cartbox-total-title">
  163.                         Total
  164.                       </span>
  165.                       <span class="aa-cartbox-total-price">
  166.                         $500
  167.                       </span>
  168.                     </li>
  169.                   </ul>
  170.                   <a class="aa-cartbox-checkout aa-primary-btn" href="checkout.html">Checkout</a>
  171.                 </div>
  172.               </div>
  173.               <!-- / cart box -->
  174.               <!-- search box -->
  175.               <div class="aa-search-box">
  176.                 <form action="">
  177.                   <input type="text" name="" id="" placeholder="Search here ex. 'man' ">
  178.                   <button type="submit"><span class="fa fa-search"></span></button>
  179.                 </form>
  180.               </div>
  181.               <!-- / search box -->
  182.             </div>
  183.           </div>
  184.         </div>
  185.       </div>
  186.     </div>
  187.     <!-- / header bottom  -->
  188.   </header>
  189.   <!-- / header section -->
  190. {% block content%}
  191.  
  192.  
  193.  
  194.  
  195. {% endblock %}
  196.  <!-- Client Brand -->
  197.   <section id="aa-client-brand">
  198.     <div class="container">
  199.       <div class="row">
  200.         <div class="col-md-12">
  201.           <div class="aa-client-brand-area">
  202.             <ul class="aa-client-brand-slider">
  203.               <li><a href="#"><img src="{% static 'img/client-brand-java.png' %}" alt="java img"></a></li>
  204.               <li><a href="#"><img src="{% static 'img/client-brand-jquery.png' %}" alt="jquery img"></a></li>
  205.               <li><a href="#"><img src="{% static 'img/client-brand-html5.png' %}" alt="html5 img"></a></li>
  206.               <li><a href="#"><img src="{% static 'img/client-brand-css3.png' %}" alt="css3 img"></a></li>
  207.               <li><a href="#"><img src="{% static 'img/client-brand-wordpress.png' %}" alt="wordPress img"></a></li>
  208.               <li><a href="#"><img src="{% static 'img/client-brand-joomla.png' %}" alt="joomla img"></a></li>
  209.               <li><a href="#"><img src="{% static 'img/client-brand-java.png' %}" alt="java img"></a></li>
  210.               <li><a href="#"><img src="{% static 'img/client-brand-jquery.png' %}" alt="jquery img"></a></li>
  211.               <li><a href="#"><img src="{% static 'img/client-brand-html5.png' %}" alt="html5 img"></a></li>
  212.               <li><a href="#"><img src="{% static 'img/client-brand-css3.png' %}" alt="css3 img"></a></li>
  213.               <li><a href="#"><img src="{% static 'img/client-brand-wordpress.png' %}" alt="wordPress img"></a></li>
  214.             </ul>
  215.           </div>
  216.         </div>
  217.       </div>
  218.     </div>
  219.   </section>
  220.   <!-- / Client Brand -->
  221.  
  222.  <!-- Subscribe section -->
  223.   <section id="aa-subscribe">
  224.     <div class="container">
  225.       <div class="row">
  226.         <div class="col-md-12">
  227.           <div class="aa-subscribe-area">
  228.             <h3>Subscribe our newsletter </h3>
  229.             <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex, velit!</p>
  230.             <form action="" class="aa-subscribe-form">
  231.               <input type="email" name="" id="" placeholder="Enter your Email">
  232.               <input type="submit" value="Subscribe">
  233.             </form>
  234.           </div>
  235.         </div>
  236.       </div>
  237.     </div>
  238.   </section>
  239.   <!-- / Subscribe section -->
  240.   <!-- footer -->  
  241.   <footer id="aa-footer">
  242.     <!-- footer bottom -->
  243.     <div class="aa-footer-top">
  244.      <div class="container">
  245.         <div class="row">
  246.         <div class="col-md-12">
  247.           <div class="aa-footer-top-area">
  248.             <div class="row">
  249.               <div class="col-md-3 col-sm-6">
  250.                 <div class="aa-footer-widget">
  251.                   <h3>Main Menu</h3>
  252.                   <ul class="aa-footer-nav">
  253.                     <li><a href="#">Home</a></li>
  254.                     <li><a href="#">Our Services</a></li>
  255.                     <li><a href="#">Our Products</a></li>
  256.                     <li><a href="#">About Us</a></li>
  257.                     <li><a href="#">Contact Us</a></li>
  258.                   </ul>
  259.                 </div>
  260.               </div>
  261.               <div class="col-md-3 col-sm-6">
  262.                 <div class="aa-footer-widget">
  263.                   <div class="aa-footer-widget">
  264.                     <h3>Knowledge Base</h3>
  265.                     <ul class="aa-footer-nav">
  266.                       <li><a href="#">Delivery</a></li>
  267.                       <li><a href="#">Returns</a></li>
  268.                       <li><a href="#">Services</a></li>
  269.                       <li><a href="#">Discount</a></li>
  270.                       <li><a href="#">Special Offer</a></li>
  271.                     </ul>
  272.                   </div>
  273.                 </div>
  274.               </div>
  275.               <div class="col-md-3 col-sm-6">
  276.                 <div class="aa-footer-widget">
  277.                   <div class="aa-footer-widget">
  278.                     <h3>Useful Links</h3>
  279.                     <ul class="aa-footer-nav">
  280.                       <li><a href="#">Site Map</a></li>
  281.                       <li><a href="#">Search</a></li>
  282.                       <li><a href="#">Advanced Search</a></li>
  283.                       <li><a href="#">Suppliers</a></li>
  284.                       <li><a href="#">FAQ</a></li>
  285.                     </ul>
  286.                   </div>
  287.                 </div>
  288.               </div>
  289.               <div class="col-md-3 col-sm-6">
  290.                 <div class="aa-footer-widget">
  291.                   <div class="aa-footer-widget">
  292.                     <h3>Contact Us</h3>
  293.                     <address>
  294.                       <p> 25 Astor Pl, NY 10003, USA</p>
  295.                       <p><span class="fa fa-phone"></span>+1 212-982-4589</p>
  296.                       <p><span class="fa fa-envelope"></span>dailyshop@gmail.com</p>
  297.                     </address>
  298.                     <div class="aa-footer-social">
  299.                       <a href="#"><span class="fa fa-facebook"></span></a>
  300.                       <a href="#"><span class="fa fa-twitter"></span></a>
  301.                       <a href="#"><span class="fa fa-google-plus"></span></a>
  302.                       <a href="#"><span class="fa fa-youtube"></span></a>
  303.                     </div>
  304.                   </div>
  305.                 </div>
  306.               </div>
  307.             </div>
  308.           </div>
  309.         </div>
  310.       </div>
  311.      </div>
  312.     </div>
  313.     <!-- footer-bottom -->
  314.     <div class="aa-footer-bottom">
  315.       <div class="container">
  316.         <div class="row">
  317.         <div class="col-md-12">
  318.           <div class="aa-footer-bottom-area">
  319.             <p>Designed by <a href="http://www.markups.io/">MarkUps.io</a></p>
  320.             <div class="aa-footer-payment">
  321.               <span class="fa fa-cc-mastercard"></span>
  322.               <span class="fa fa-cc-visa"></span>
  323.               <span class="fa fa-paypal"></span>
  324.               <span class="fa fa-cc-discover"></span>
  325.             </div>
  326.           </div>
  327.         </div>
  328.       </div>
  329.       </div>
  330.     </div>
  331.   </footer>
  332.   <!-- / footer -->
  333.  
  334.   <!-- Login Modal -->  
  335.   <div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  336.     <div class="modal-dialog">
  337.       <div class="modal-content">                      
  338.         <div class="modal-body">
  339.         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  340.           <h4>Login or Register</h4>
  341.           <form class="aa-login-form" action="">
  342.             <label for="">Username or Email address<span>*</span></label>
  343.             <input type="text" placeholder="Username or email">
  344.             <label for="">Password<span>*</span></label>
  345.             <input type="password" placeholder="Password">
  346.             <button class="aa-browse-btn" type="submit">Login</button>
  347.             <label for="rememberme" class="rememberme"><input type="checkbox" id="rememberme"> Remember me </label>
  348.             <p class="aa-lost-password"><a href="#">Lost your password?</a></p>
  349.             <div class="aa-register-now">
  350.               Don't have an account?<a href="account.html">Register now!</a>
  351.             </div>
  352.           </form>
  353.         </div>                        
  354.       </div><!-- /.modal-content -->
  355.     </div><!-- /.modal-dialog -->
  356.   </div>    
  357.  
  358.   <!-- jQuery library -->
  359.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  360.   <!-- Include all compiled plugins (below), or include individual files as needed -->
  361.   <script src="{% static 'js/bootstrap.js' %}"></script>
  362.   <!-- SmartMenus jQuery plugin -->
  363.   <script type="text/javascript" src="{% static 'js/jquery.smartmenus.js' %}"></script>
  364.   <!-- SmartMenus jQuery Bootstrap Addon -->
  365.   <script type="text/javascript" src="{% static 'js/jquery.smartmenus.bootstrap.js' %}"></script>
  366.   <!-- To Slider JS -->
  367.   <script src="{% static 'js/sequence.js' %}"></script>
  368.   <script src="{% static 'js/sequence-theme.modern-slide-in.js' %}"></script>
  369.   <!-- Product view slider -->
  370.   <script type="text/javascript" src="{% static 'js/jquery.simpleGallery.js' %}"></script>
  371.   <script type="text/javascript" src="{% static 'js/jquery.simpleLens.js' %}"></script>
  372.   <!-- slick slider -->
  373.   <script type="text/javascript" src="{% static 'js/slick.js' %}"></script>
  374.   <!-- Price picker slider -->
  375.   <script type="text/javascript" src="{% static 'js/nouislider.js' %}"></script>
  376.   <!-- Custom js -->
  377.   <script src="{% static 'js/custom.js' %}"></script>
  378.  
  379.   </body>
  380. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement