crawlerApp/templates/home.html

222 lines
6.9 KiB
HTML

{% load static %}
<!DOCTYPE html>
<html>
<head>
<!-- Basic -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="{% static 'images/favicon.png' %}" type="">
<title> CrawlerApp </title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="{% static '/app/css/bootstrap.css' %}" />
<!--owl slider stylesheet -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" />
<!-- font awesome style -->
<link href="{% static '/app/css/font-awesome.min.css' %}" rel="stylesheet" />
<!-- Custom styles for this template -->
<link href="{% static '/app/css/style.css' %}" rel="stylesheet" />
<!-- responsive style -->
<link href="{% static '/app/css/responsive.css' %}" rel="stylesheet" />
</head>
<body class="sub_page">
<div class="hero_area">
<div class="hero_bg_box">
<img src="" alt="">
</div>
<!-- header section strats -->
<header class="header_section">
<div class="container">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="/">
<span>
CrawlerApp
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class=""> </span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ">
<li class="nav-item">
<a class="nav-link" href="/docker"> Docker</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/github">Github</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="/">Entrance <span class="sr-only">(current)</span> </a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- end header section -->
</div>
<!-- blog section -->
<section class="blog_section layout_padding">
<div class="container">
<div class="heading_container heading_center">
<h2>
Summary
</h2>
</div>
<div class="row">
<div class="col-md-6">
<div class="box">
<div class="img-box">
<img src="{% static 'app/images/b1.jpg' %}" alt="">
</div>
<div class="detail-box">
<h6 class="blog_date">
<i class="fa fa-calendar" aria-hidden="true"></i> {% now "SHORT_DATETIME_FORMAT" %}
</h6>
<h5>
Docker Repositories
</h5>
<p>
All Docker Repositories Under This section
</p>
<a href="/docker">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="box">
<div class="img-box">
<img src="{% static 'app/images/b2.jpg' %}" alt="">
</div>
<div class="detail-box">
<h6 class="blog_date">
<i class="fa fa-calendar" aria-hidden="true"></i> {% now "SHORT_DATETIME_FORMAT" %}
</h6>
<h5>
Github Repositories
</h5>
<p>
All Githubs Appear Under This section
</p>
<a href="/github">
Read More
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end blog section -->
<!-- info section -->
<section class="info_section">
<div class="container">
<div class="row info_main_row">
<div class="col-md-4 info_col">
<h5>
About Us
</h5>
<p>
Ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
</p>
</div>
<div class="col-md-4 col-lg-3 mx-auto info_col">
<h5>
Connect With Us
</h5>
<div class="info_contact">
<a href="#">
<i class="fa fa-map-marker" aria-hidden="true"></i>
<span>
Location
</span>
</a>
<a href="tel:01123456789">
<i class="fa fa-phone" aria-hidden="true"></i>
<span>
Call +01 1234567890
</span>
</a>
<a href="mailto:info@yourdomain.com">
<i class="fa fa-envelope"></i>
<span>
demo@gmail.com
</span>
</a>
</div>
<div class="social_box">
<a href="">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a href="">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- end info section -->
<!-- footer section -->
<footer class="footer_section">
<div class="container">
<p>
&copy; <span id="displayYear"></span> All Rights Reserved By
<a href="https://html.design/">Us</a>
</p>
</div>
</footer>
<!-- footer section -->
{% comment %} <!-- jQery -->
<script src="{% static 'app/js/jquery-3.4.1.min.js' %}"></script>
<!-- popper js -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
</script>
<!-- bootstrap js -->
<script src="{% static 'app/js/bootstrap.js' %}"></script>
<!-- owl slider -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js">
</script>
<!-- custom js -->
<script src="{% static '/app/js/custom.js' %}"></script>
<!-- Google Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap">
</script>
<!-- End Google Map --> {% endcomment %}
</body>
</html>