django_magazine/templates/base.html

120 lines
5.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

{% load static %}
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>{% block title %}TOY STORE-Y{% endblock title %}</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon -->
<link rel="shortcut icon" type="image/x-icon" href="{% static 'img/logo.jpg' %}">
<link rel="apple-touch-icon" href="apple-touch-icon.png' %}">
<!-- Place favicon.ico in the root directory -->
<!-- google fonts -->
<!-- CSS only -->
<link href='https://fonts.googleapis.com/css?family=Lato:400,900,700,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
<!-- all css here -->
<!-- bootstrap v3.3.6 css -->
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
<!-- animate css -->
<link rel="stylesheet" href="{% static 'css/animate.css' %}">
<!-- pe-icon-7-stroke -->
<link rel="stylesheet" href="{% static 'css/materialdesignicons.min.css' %}">
<!-- pe-icon-7-stroke -->
<link rel="stylesheet" href="{% static 'css/jquery.simpleLens.css' %}">
<!-- jquery-ui.min css -->
<link rel="stylesheet" href="{% static 'css/jquery-ui.min.css' %}">
<!-- meanmenu css -->
<link rel="stylesheet" href="{% static 'css/meanmenu.min.css' %}">
<!-- nivo.slider css -->
<link rel="stylesheet" href="{% static 'css/nivo-slider.css' %}">
<!-- owl.carousel css -->
<link rel="stylesheet" href="{% static 'css/owl.carousel.css' %}">
<!-- style css -->
<link rel="stylesheet" href="{% static 'css/style1.css' %}">
<!-- responsive css -->
<link rel="stylesheet" href="{% static 'css/responsive.css' %}">
<!-- modernizr js -->
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="{% static 'js/vendor/modernizr-2.8.3.min.js' %}"></script>
<script src="https://www.paypal.com/sdk/js?client-id=ATDakGEFESlSq0xbOzxw0W-dZUWrKfiedaKAFHEk0QKfsUeeR_9j6G1A78TUmvFJuMvz3ArZroEobPHY&currency=USD"></script>
</head>
<body style="background:#40394a">
<!-- header section start -->
<header class="header-one header-two" style="height: 70px;">
<div class="logo" style="background:linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%); text-align: center">
<a style="color:#f4cca4;font-weight: 800; font-size: 22px;" href="{% url 'shop:shop' %}"><span style="color:#ffffff">TOY STORE-Y</span></a>
</div>
</header>
<!--===================== Content ====================-->
{% block content %}
{% endblock content %}
<footer>
<div style="background:linear-gradient(0deg,rgba(36,36,36,.05) 0,rgba(36,36,36,.05) 100%),linear-gradient(97deg,#ed3cca .49%,#df34d2 14.88%,#d02bd9 29.27%,#bf22e1 43.14%,#ae1ae8 57.02%,#9a10f0 70.89%,#8306f7 84.76%,#7c1af8 99.15%);" class="footer-bottom">
<div class="container">
<div class="row">
{% comment %} <div class="col-xs-12 col-sm-6">
<p style="color:#d99879">Сделано <span style="color:#f4cca4"><b>Rakhmetov Murod</b></span> 2024 &
Все права защищены.</p>
</div>
<div class="col-xs-12 col-sm-6 text-right">
<a href="#"><img src="{% static 'img/footer/payment.png' %}" alt="" /></a>
</div> {% endcomment %}
</div>
</div>
</div>
<!-- footer-bottom area end -->
</footer>
<!-- footer section end -->
<!-- all js here -->
<!-- jquery latest version -->
<script src="{% static 'js/vendor/jquery-1.12.3.min.js' %}"></script>
<!-- bootstrap js -->
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<!-- owl.carousel js -->
<script src="{% static 'js/owl.carousel.min.js' %}"></script>
<!-- meanmenu js -->
<script src="{% static 'js/jquery.meanmenu.js' %}"></script>
<!-- countdown JS -->
<script src="{% static 'js/countdown.js' %}"></script>
<!-- nivo.slider JS -->
<script src="{% static 'js/jquery.nivo.slider.pack.js' %}"></script>
<!-- simpleLens JS -->
<script src="{% static 'js/jquery.simpleLens.min.js' %}"></script>
<!-- jquery-ui js -->
<script src="{% static 'js/jquery-ui.min.js' %}"></script>
<!-- load-more js -->
<script src="{% static 'js/load-more.js' %}"></script>
<!-- plugins js -->
<script src="{% static 'js/plugins.js' %}"></script>
<!-- main js -->
<script src="{% static 'js/main.js' %}"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('.thumb a').click(function(e){
e.preventDefault();
$('.mainImage img').attr('src', $(this).attr("href"));
$('.mainImage a').attr('data-lens-image', $(this).attr("data-lens-image"));
})
})
</script>
</body>
</html>