devmanorg · FDD13 · Dec 24, 2024 · Dec 28, 2024 · Dec 28, 2024 · Jan 22, 2025
diff --git a/static/fonts/Linearicons-Free.eot b/static/fonts/Linearicons-Free.eot
diff --git a/static/fonts/Linearicons-Free.svg b/static/fonts/Linearicons-Free.svg
diff --git a/static/fonts/Linearicons-Free.ttf b/static/fonts/Linearicons-Free.ttf
diff --git a/static/fonts/Linearicons-Free.woff b/static/fonts/Linearicons-Free.woff
diff --git a/static/fonts/Linearicons-Free.woff2 b/static/fonts/Linearicons-Free.woff2
diff --git a/static/fonts/fa-brands-400.eot b/static/fonts/fa-brands-400.eot
diff --git a/static/fonts/fa-brands-400.ttf b/static/fonts/fa-brands-400.ttf
diff --git a/static/fonts/fa-brands-400.woff b/static/fonts/fa-brands-400.woff
diff --git a/static/fonts/fa-brands-400.woff2 b/static/fonts/fa-brands-400.woff2
diff --git a/static/fonts/fa-regular-400.eot b/static/fonts/fa-regular-400.eot
diff --git a/static/fonts/fa-regular-400.ttf b/static/fonts/fa-regular-400.ttf
diff --git a/static/fonts/fa-regular-400.woff b/static/fonts/fa-regular-400.woff
diff --git a/static/fonts/fa-regular-400.woff2 b/static/fonts/fa-regular-400.woff2
diff --git a/static/fonts/fa-solid-900.eot b/static/fonts/fa-solid-900.eot
diff --git a/static/fonts/fa-solid-900.ttf b/static/fonts/fa-solid-900.ttf
diff --git a/static/fonts/fa-solid-900.woff b/static/fonts/fa-solid-900.woff
diff --git a/static/fonts/fa-solid-900.woff2 b/static/fonts/fa-solid-900.woff2
diff --git a/static/fonts/themify.eot b/static/fonts/themify.eot
diff --git a/static/fonts/themify.svg b/static/fonts/themify.svg
diff --git a/static/fonts/themify.ttf b/static/fonts/themify.ttf
diff --git a/static/fonts/themify.woff b/static/fonts/themify.woff
diff --git a/static/img/banner/blog.png b/static/img/banner/blog.png
diff --git a/static/img/banner/hero-banner.png b/static/img/banner/hero-banner.png
diff --git a/static/img/blog/blog-slider/blog-slide1.png b/static/img/blog/blog-slider/blog-slide1.png
diff --git a/static/img/blog/blog-slider/blog-slide2.png b/static/img/blog/blog-slider/blog-slide2.png
diff --git a/static/img/blog/blog-slider/blog-slide3.png b/static/img/blog/blog-slider/blog-slide3.png
diff --git a/static/img/blog/blog-slider/image_an-open-letter-to-bureaucrats.jpg b/static/img/blog/blog-slider/image_an-open-letter-to-bureaucrats.jpg
diff --git a/...c/img/blog/blog-slider/image_are-you-preparing-your-kids-for-the-real-world.jpg b/...c/img/blog/blog-slider/image_are-you-preparing-your-kids-for-the-real-world.jpg
diff --git a/static/img/blog/blog-slider/image_the-biggest-mistake-ever.jpg b/static/img/blog/blog-slider/image_the-biggest-mistake-ever.jpg
diff --git a/static/img/blog/blog1.png b/static/img/blog/blog1.png
diff --git a/static/img/blog/blog2.png b/static/img/blog/blog2.png
diff --git a/static/img/blog/blog3.png b/static/img/blog/blog3.png
diff --git a/static/img/blog/blog4.png b/static/img/blog/blog4.png
diff --git a/static/img/favicon.png b/static/img/favicon.png
diff --git a/static/img/logo.png b/static/img/logo.png
diff --git a/static/js/scripts.js b/static/js/scripts.js
diff --git a/static/styles.min.css b/static/styles.min.css
diff --git a/templates/blog-details.html b/templates/blog-details.html
@@ -1,7 +1,257 @@
 <!DOCTYPE html>
-<html>
-<head></head>
-<body>
-    <h1>Страница поста</h1>
-</body>
+{% load static %}
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Remake Barber - Blog Details</title>
+    <link rel="icon" href="{% static 'img/favicon.png' %}" type="image/png">
+
+    <link rel="stylesheet" href="{% static 'styles.min.css' %}">
+  </head>
+  <body>
+    <!--================Header Menu Area =================-->
+    <header class="header_area">
+      <div class="main_menu">
+        <nav class="navbar navbar-expand-lg navbar-light">
+          <div class="container box_1620">
+            <!-- Brand and toggle get grouped for better mobile display -->
+            <a class="navbar-brand logo_h" href="index.html"><img src="{% static 'img/logo.png' %}" alt=""></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="icon-bar"></span>
+              <span class="icon-bar"></span>
+              <span class="icon-bar"></span>
+            </button>
+            <!-- Collect the nav links, forms, and other content for toggling -->
+            <div class="collapse navbar-collapse offset" id="navbarSupportedContent">
+              <ul class="nav navbar-nav menu_nav justify-content-center">
+                <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
+                <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
+              </ul>
+              <ul class="nav navbar-nav navbar-right navbar-social">
+                <li><a href="#"><i class="ti-facebook"></i></a></li>
+                <li><a href="#"><i class="ti-twitter-alt"></i></a></li>
+                <li><a href="#"><i class="ti-instagram"></i></a></li>
+                <li><a href="#"><i class="ti-skype"></i></a></li>
+              </ul>
+            </div>
+          </div>
+        </nav>
+      </div>
+    </header>
+    <!--================Header Menu Area =================-->
+
+    <!--================ Hero sm Banner start =================-->
+    <section class="mb-30px">
+      <div class="container">
+        <div class="hero-banner hero-banner--sm">
+          <div class="hero-banner__content">
+            <h1>Blog details</h1>
+            <nav aria-label="breadcrumb" class="banner-breadcrumb">
+              <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Home</a></li>
+                <li class="breadcrumb-item active" aria-current="page">Blog Details</li>
+              </ol>
+            </nav>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!--================ Hero sm Banner end =================-->
+
+
+    <!--================ Start Blog Post Area =================-->
+    <section class="blog-post-area section-margin">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8">
+            <div class="main_blog_details">
+              <img class="img-fluid" src="{% static 'img/blog/blog4.png' %}" alt="">
+              <h4>Cartridge Is Better Than Ever <br /> A Discount Toner</h4>
+              <div class="user_details">
+                <div class="mt-sm-0 mt-3">
+                  <div class="media">
+                    <div class="media-body">
+                      <h5>Mark wiens</h5>
+                      <p>12 Dec, 2017 11:21 am</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc scelerisque ut erat ut auctor. Praesent bibendum justo ante, sed sodales massa eleifend non. Duis elit felis, rutrum id nulla et, tristique consectetur ipsum. Aenean eu purus faucibus, vestibulum urna volutpat, facilisis libero. Phasellus scelerisque risus nunc, vitae fringilla lacus molestie sit amet. Nunc a urna vel dui varius commodo quis nec neque. Aliquam id ipsum mauris. Etiam quis sodales est.
+
+              Vivamus maximus ligula eget pellentesque imperdiet. Aenean sed velit vestibulum, iaculis erat ut, ultricies ex. Donec in lectus at ante pharetra hendrerit. Integer venenatis varius enim, sit amet lobortis velit elementum a. Morbi ut ultricies mi. Nunc aliquet felis sit amet vestibulum fringilla. Nunc vitae euismod eros. Pellentesque ac magna hendrerit dui luctus hendrerit. Sed condimentum, arcu ut tincidunt commodo, orci mauris tempus diam, in pulvinar justo ante nec diam. Phasellus libero massa, faucibus eget eros vel, vulputate mattis enim. Proin et leo sem. Suspendisse id dolor at neque auctor posuere. Vestibulum facilisis luctus iaculis. Proin sit amet blandit risus. Sed sit amet egestas tortor, aliquam pretium lorem. Duis interdum rutrum tortor, nec placerat tortor lobortis nec.
+
+              Integer fermentum elit quis imperdiet ultrices. Cras velit mi, blandit sed purus a, tincidunt porttitor orci. Nulla a dui a turpis gravida commodo eget a ex. Morbi feugiat metus porttitor, feugiat nulla nec, porta leo. Sed vitae ullamcorper erat, ac malesuada lectus. Ut tristique arcu ac odio interdum, vel porta tortor congue. Curabitur sed fermentum ante, non tristique elit.
+
+              Fusce dictum eget nisl at sodales. Mauris blandit ex tempus sem maximus maximus. Nunc eget efficitur leo. Fusce et odio sed leo mattis commodo vel vitae tellus. Maecenas ante nisl, vestibulum venenatis fringilla sed, ultrices quis nisi. Donec ultrices lectus tempor finibus luctus. Nunc sollicitudin leo vel orci varius facilisis. Suspendisse eu blandit ipsum. Nam sem arcu, bibendum at lorem vitae, rutrum semper odio. Sed velit erat, auctor ac quam nec, dapibus tristique metus. Sed sed diam in lorem consequat mollis. Cras ornare laoreet nisl a fermentum.
+
+              Nulla a dolor urna. Mauris non neque erat. Aliquam nec lacus est. Mauris accumsan eget velit sit amet consectetur. Cras non justo pellentesque nibh consequat consequat. Ut ac purus tristique, tincidunt lectus ut, bibendum felis. Fusce fermentum placerat ligula a eleifend. Nulla facilisi. Etiam mattis ornare nulla vel egestas. Fusce augue metus, hendrerit a ipsum quis, laoreet dignissim lorem.</p>
+              <div class="news_d_footer flex-column flex-sm-row">
+                <a href="#"><span class="align-middle mr-2"><i class="ti-heart"></i></span>Lily and 4 people like this</a>
+                <a class="justify-content-sm-center ml-sm-auto mt-sm-0 mt-2" href="#"><span class="align-middle mr-2"><i class="ti-themify-favicon"></i></span>03 Comments</a>
+                <div class="news_socail ml-sm-auto mt-sm-0 mt-2">
+                  <a href="#"><i class="fab fa-facebook-f"></i></a>
+                  <a href="#"><i class="fab fa-twitter"></i></a>
+                  <a href="#"><i class="fab fa-dribbble"></i></a>
+                  <a href="#"><i class="fab fa-behance"></i></a>
+                </div>
+              </div>
+            </div>
+
+
+            <div class="comments-area">
+              <h4>03 Comments</h4>
+              <div class="comment-list">
+                <div class="single-comment justify-content-between d-flex">
+                  <div class="user justify-content-between d-flex">
+                    <div class="desc">
+                      <h5><a href="#">Emilly Blunt</a></h5>
+                      <p class="date">December 4, 2017 at 3:12 pm </p>
+                      <p class="comment">
+                          Never say goodbye till the end comes!
+                      </p>
+                    </div>
+                  </div>
+                  <div class="reply-btn">
+                          <a href="" class="btn-reply text-uppercase">reply</a>
+                  </div>
+                </div>
+              </div>
+              <div class="comment-list">
+                <div class="single-comment justify-content-between d-flex">
+                  <div class="user justify-content-between d-flex">
+                    <div class="desc">
+                      <h5><a href="#">Maria Luna</a></h5>
+                      <p class="date">December 4, 2017 at 3:12 pm </p>
+                      <p class="comment">
+                          Never say goodbye till the end comes!
+                      </p>
+                    </div>
+                  </div>
+                  <div class="reply-btn">
+                          <a href="" class="btn-reply text-uppercase">reply</a>
+                  </div>
+                </div>
+              </div>
+              <div class="comment-list">
+                <div class="single-comment justify-content-between d-flex">
+                  <div class="user justify-content-between d-flex">
+                    <div class="desc">
+                      <h5><a href="#">Ina Hayes</a></h5>
+                      <p class="date">December 4, 2017 at 3:12 pm </p>
+                      <p class="comment">
+                          Never say goodbye till the end comes!
+                      </p>
+                    </div>
+                  </div>
+                  <div class="reply-btn">
+                          <a href="" class="btn-reply text-uppercase">reply</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+
+          <!-- Start Blog Post Siddebar -->
+          <div class="col-lg-4 sidebar-widgets">
+            <div class="widget-wrap">
+              <div class="single-sidebar-widget newsletter-widget">
+                <h4 class="single-sidebar-widget__title">Newsletter</h4>
+                <div class="form-group mt-30">
+                  <div class="col-autos">
+                    <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Enter email" onfocus="this.placeholder = ''"
+                      onblur="this.placeholder = 'Enter email'">
+                  </div>
+                </div>
+                <button class="bbtns d-block mt-20 w-100">Subcribe</button>
+              </div>
+
+
+              <div class="single-sidebar-widget post-category-widget">
+                <h4 class="single-sidebar-widget" style="height:200px;">Здесь будет реклама</h4>
+              </div>
+            </div>
+          </div>
+          <!-- End Blog Post Siddebar -->
+        </div>
+      </div>
+    </section>
+    <!--================ End Blog Post Area =================-->
+
+    <!--================ Start Footer Area =================-->
+    <footer class="footer-area section-padding">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-3  col-md-6 col-sm-6">
+            <div class="single-footer-widget">
+              <h6>About Us</h6>
+              <p>
+                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore
+                magna aliqua.
+              </p>
+            </div>
+          </div>
+          <div class="col-lg-4  col-md-6 col-sm-6">
+            <div class="single-footer-widget">
+              <h6>Newsletter</h6>
+              <p>Stay update with our latest</p>
+              <div class="" id="mc_embed_signup">
+
+                <form target="_blank" novalidate action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01"
+                  method="get" class="form-inline">
+
+                  <div class="d-flex flex-row">
+
+                    <input class="form-control" name="EMAIL" placeholder="Enter Email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Email '"
+                      required="" type="email">
+
+
+                    <button class="click-btn btn btn-default"><span class="lnr lnr-arrow-right"></span></button>
+                    <div style="position: absolute; left: -5000px;">
+                      <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
+                    </div>
+
+                  </div>
+                  <div class="info"></div>
+                </form>
+              </div>
+            </div>
+          </div>
+          <div class="col-lg-3  col-md-6 col-sm-6">
+          </div>
+          <div class="col-lg-2 col-md-6 col-sm-6">
+            <div class="single-footer-widget">
+              <h6>Follow Us</h6>
+              <p>Let us be social</p>
+              <div class="footer-social d-flex align-items-center">
+                <a href="#">
+                  <i class="fab fa-facebook-f"></i>
+                </a>
+                <a href="#">
+                  <i class="fab fa-twitter"></i>
+                </a>
+                <a href="#">
+                  <i class="fab fa-dribbble"></i>
+                </a>
+                <a href="#">
+                  <i class="fab fa-behance"></i>
+                </a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="footer-bottom d-flex justify-content-center align-items-center flex-wrap">
+          <p class="footer-text m-0"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
+  Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
+  <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
+        </div>
+      </div>
+    </footer>
+    <!--================ End Footer Area =================-->
+
+    <script src="{% static 'js/scripts.js' %}"></script>
+  </body>
 </html>