15 changed files with 279 additions and 1094 deletions
@ -0,0 +1,23 @@ |
|||
# Generated by Django 4.2.7 on 2024-01-27 22:38 |
|||
|
|||
from django.db import migrations, models |
|||
|
|||
|
|||
class Migration(migrations.Migration): |
|||
|
|||
dependencies = [ |
|||
('blog', '0005_rename_indexcontent_index_post_content_and_more'), |
|||
] |
|||
|
|||
operations = [ |
|||
migrations.CreateModel( |
|||
name='Sexy_Posts', |
|||
fields=[ |
|||
('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), |
|||
('title', models.CharField(max_length=200)), |
|||
('content', models.TextField()), |
|||
('short_description', models.TextField(blank=True, max_length=300, null=True)), |
|||
('pub_date', models.DateTimeField(verbose_name='date published')), |
|||
], |
|||
), |
|||
] |
|||
@ -1,291 +0,0 @@ |
|||
<!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="" /> |
|||
|
|||
<title>Oxer</title> |
|||
|
|||
<!-- slider stylesheet --> |
|||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> |
|||
|
|||
<!-- bootstrap core css --> |
|||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> |
|||
|
|||
<!-- fonts style --> |
|||
<link href="https://fonts.googleapis.com/css?family=Baloo+Chettan|Dosis:400,600,700|Poppins:400,600,700&display=swap" rel="stylesheet" /> |
|||
<!-- Custom styles for this template --> |
|||
<link href="css/style.css" rel="stylesheet" /> |
|||
<!-- responsive style --> |
|||
<link href="css/responsive.css" rel="stylesheet" /> |
|||
</head> |
|||
|
|||
<body class="sub_page"> |
|||
<div class="hero_area"> |
|||
<!-- header section strats --> |
|||
<header class="header_section"> |
|||
<div class="container"> |
|||
<div class="header_nav"> |
|||
<a class="navbar-brand brand_desktop" href="index.html"> |
|||
<img src="images/logo.png" alt="" /> |
|||
</a> |
|||
<div class="main_nav"> |
|||
<div class="top_nav"> |
|||
<ul class=" "> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="images/telephone.png" alt="" /> |
|||
<span> +01 1234567890</span> |
|||
</a> |
|||
</li> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="images/mail.png" alt="" /> |
|||
<span>demo@gmail.com</span> |
|||
</a> |
|||
</li> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="images/location.png" alt="" /> |
|||
<span>Den mark Loram ipusum</span> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="bottom_nav"> |
|||
<nav class="navbar navbar-expand-lg custom_nav-container"> |
|||
<a class="navbar-brand brand_mobile" href="index.html"> |
|||
<img src="images/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="navbar-toggler-icon"></span> |
|||
</button> |
|||
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
|||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center"> |
|||
<ul class="navbar-nav "> |
|||
<li class="nav-item active"> |
|||
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="about.html"> About </a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="class.html"> Classes </a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="blog.html">Blog</a> |
|||
</li> |
|||
</ul> |
|||
<form class="form-inline"> |
|||
<button class="btn ml-3 ml-lg-5 nav_search-btn" type="submit"></button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
<!-- end header section --> |
|||
</div> |
|||
|
|||
<!-- about section --> |
|||
|
|||
<section class="about_section layout_padding"> |
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-md-10 ml-auto pr-0"> |
|||
<div class="about_container"> |
|||
<div class="row"> |
|||
<div class="col-lg-3 col-md-5"> |
|||
<div class="detail-box"> |
|||
<div class="heading_container"> |
|||
<h2> |
|||
About Class |
|||
</h2> |
|||
</div> |
|||
<p> |
|||
iusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris iusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquipnisi ut aliquipiusmod tempor incididunt ut labore et |
|||
</p> |
|||
<hr /> |
|||
<a href=""> |
|||
Read More |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- end about section --> |
|||
|
|||
<!-- info section --> |
|||
<div class="info_section"> |
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-md-10 ml-auto"> |
|||
<div class="row info_main-row"> |
|||
<div class="col-md-6 pr-0"> |
|||
|
|||
<!-- contact section --> |
|||
|
|||
<section class="contact_section"> |
|||
<h2> |
|||
Request A Call Back |
|||
</h2> |
|||
<form action=""> |
|||
<div> |
|||
<input type="text" placeholder="Name" /> |
|||
</div> |
|||
<div> |
|||
<input type="text" placeholder="Phone Number" /> |
|||
</div> |
|||
<div> |
|||
<input type="email" placeholder="Email" /> |
|||
</div> |
|||
<div> |
|||
<input type="text" class="message-box" placeholder="Message" /> |
|||
</div> |
|||
<div class="d-flex "> |
|||
<button> |
|||
SEND |
|||
</button> |
|||
</div> |
|||
</form> |
|||
<div class="map_container"> |
|||
<div class="map"> |
|||
<div id="googleMap" style="width:100%;height:300px;"></div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- end contact section --> |
|||
|
|||
|
|||
<!-- footer section --> |
|||
<section class=" footer_section "> |
|||
<div class="social_box"> |
|||
<a href="#"> |
|||
<img src="images/facebook.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/twitter.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/linkedin.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/instagram.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/youtube.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<p> |
|||
© 2020 All Rights Reserved. Design by |
|||
<a href="https://html.design/">Free Html Templates</a> |
|||
</p> |
|||
</section> |
|||
<!-- footer section --> |
|||
|
|||
</div> |
|||
<div class="col-md-6 px-0"> |
|||
<div class="img-box"> |
|||
<img src="images/footer-img.jpg" alt=""> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- end info section --> |
|||
|
|||
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> |
|||
<script type="text/javascript" src="js/bootstrap.js"></script> |
|||
|
|||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"> |
|||
</script> |
|||
|
|||
<script> |
|||
function openNav() { |
|||
document.getElementById("myNav").classList.toggle("menu_width"); |
|||
document.querySelector(".custom_menu-btn").classList.toggle("menu_btn-style"); |
|||
} |
|||
</script> |
|||
|
|||
<!-- owl carousel script --> |
|||
<script type="text/javascript"> |
|||
$(".owl-carousel").owlCarousel({ |
|||
loop: true, |
|||
margin: 10, |
|||
nav: true, |
|||
navText: [], |
|||
autoplay: true, |
|||
autoplayHoverPause: true, |
|||
responsive: { |
|||
0: { |
|||
items: 1 |
|||
}, |
|||
600: { |
|||
items: 2 |
|||
}, |
|||
1000: { |
|||
items: 2 |
|||
} |
|||
} |
|||
}); |
|||
|
|||
|
|||
$(".owl_carousel1").owlCarousel({ |
|||
loop: true, |
|||
margin: 25, |
|||
nav: true, |
|||
navText: [], |
|||
autoplay: true, |
|||
autoplayHoverPause: true, |
|||
responsive: { |
|||
0: { |
|||
items: 1 |
|||
}, |
|||
600: { |
|||
items: 2 |
|||
}, |
|||
1000: { |
|||
items: 2 |
|||
} |
|||
} |
|||
}); |
|||
</script> |
|||
<!-- end owl carousel script --> |
|||
|
|||
<script> |
|||
/** google_map js **/ |
|||
|
|||
function myMap() { |
|||
var mapProp = { |
|||
center: new google.maps.LatLng(40.712775, -74.005973), |
|||
zoom: 18, |
|||
}; |
|||
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp); |
|||
} |
|||
</script> |
|||
<!-- Google Map --> |
|||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"></script> |
|||
<!-- End Google Map --> |
|||
|
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,339 +0,0 @@ |
|||
<!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="" /> |
|||
|
|||
<title>Oxer</title> |
|||
|
|||
<!-- slider stylesheet --> |
|||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> |
|||
|
|||
<!-- bootstrap core css --> |
|||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> |
|||
|
|||
<!-- fonts style --> |
|||
<link href="https://fonts.googleapis.com/css?family=Baloo+Chettan|Dosis:400,600,700|Poppins:400,600,700&display=swap" rel="stylesheet" /> |
|||
<!-- Custom styles for this template --> |
|||
<link href="css/style.css" rel="stylesheet" /> |
|||
<!-- responsive style --> |
|||
<link href="css/responsive.css" rel="stylesheet" /> |
|||
</head> |
|||
|
|||
<body class="sub_page"> |
|||
<div class="hero_area"> |
|||
<!-- header section strats --> |
|||
<header class="header_section"> |
|||
<div class="container"> |
|||
<div class="header_nav"> |
|||
<a class="navbar-brand brand_desktop" href="index.html"> |
|||
<img src="images/logo.png" alt="" /> |
|||
</a> |
|||
<div class="main_nav"> |
|||
<div class="top_nav"> |
|||
<ul class=" "> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="images/telephone.png" alt="" /> |
|||
<span> +01 1234567890</span> |
|||
</a> |
|||
</li> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="images/mail.png" alt="" /> |
|||
<span>demo@gmail.com</span> |
|||
</a> |
|||
</li> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="images/location.png" alt="" /> |
|||
<span>Den mark Loram ipusum</span> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="bottom_nav"> |
|||
<nav class="navbar navbar-expand-lg custom_nav-container"> |
|||
<a class="navbar-brand brand_mobile" href="index.html"> |
|||
<img src="images/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="navbar-toggler-icon"></span> |
|||
</button> |
|||
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
|||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center"> |
|||
<ul class="navbar-nav "> |
|||
<li class="nav-item active"> |
|||
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="about.html"> About </a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="class.html"> Classes </a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="blog.html">Blog</a> |
|||
</li> |
|||
</ul> |
|||
<form class="form-inline"> |
|||
<button class="btn ml-3 ml-lg-5 nav_search-btn" type="submit"></button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
<!-- end header section --> |
|||
</div> |
|||
|
|||
|
|||
<!-- blog section --> |
|||
|
|||
<section class="blog_section layout_padding"> |
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-md-10 ml-auto"> |
|||
<div class="heading_container"> |
|||
<h2> |
|||
Latest Blog |
|||
</h2> |
|||
<p> |
|||
iusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis n |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-md-6 pl-0"> |
|||
<div class="box b1"> |
|||
<div class="img-box"> |
|||
<img src="images/b1.jpg" alt=""> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-8 col-md-10 ml-auto"> |
|||
<div class="detail-box"> |
|||
<div class="img_date"> |
|||
<h6> |
|||
17 <br> |
|||
Feb |
|||
</h6> |
|||
</div> |
|||
<h3> |
|||
Boxer Joniya Daro |
|||
</h3> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea |
|||
</p> |
|||
<a href=""> |
|||
Read More |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6 pr-0"> |
|||
<div class="box b2"> |
|||
<div class="img-box"> |
|||
<img src="images/b2.jpg" alt=""> |
|||
</div> |
|||
<div class="row"> |
|||
<div class="col-lg-8 col-md-10 mr-auto"> |
|||
<div class="detail-box"> |
|||
<div class="img_date"> |
|||
<h6> |
|||
17 <br> |
|||
Jun |
|||
</h6> |
|||
</div> |
|||
<h3> |
|||
Boxer Joniya Daro |
|||
</h3> |
|||
<p> |
|||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea |
|||
</p> |
|||
<a href=""> |
|||
Read More |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- end blog section --> |
|||
|
|||
<!-- info section --> |
|||
<div class="info_section"> |
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-md-10 ml-auto"> |
|||
<div class="row info_main-row"> |
|||
<div class="col-md-6 pr-0"> |
|||
|
|||
<!-- contact section --> |
|||
|
|||
<section class="contact_section"> |
|||
<h2> |
|||
Request A Call Back |
|||
</h2> |
|||
<form action=""> |
|||
<div> |
|||
<input type="text" placeholder="Name" /> |
|||
</div> |
|||
<div> |
|||
<input type="text" placeholder="Phone Number" /> |
|||
</div> |
|||
<div> |
|||
<input type="email" placeholder="Email" /> |
|||
</div> |
|||
<div> |
|||
<input type="text" class="message-box" placeholder="Message" /> |
|||
</div> |
|||
<div class="d-flex "> |
|||
<button> |
|||
SEND |
|||
</button> |
|||
</div> |
|||
</form> |
|||
<div class="map_container"> |
|||
<div class="map"> |
|||
<div id="googleMap" style="width:100%;height:300px;"></div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- end contact section --> |
|||
|
|||
|
|||
<!-- footer section --> |
|||
<section class=" footer_section "> |
|||
<div class="social_box"> |
|||
<a href="#"> |
|||
<img src="images/facebook.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/twitter.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/linkedin.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/instagram.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/youtube.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<p> |
|||
© 2020 All Rights Reserved. Design by |
|||
<a href="https://html.design/">Free Html Templates</a> |
|||
</p> |
|||
</section> |
|||
<!-- footer section --> |
|||
|
|||
</div> |
|||
<div class="col-md-6 px-0"> |
|||
<div class="img-box"> |
|||
<img src="images/footer-img.jpg" alt=""> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- end info section --> |
|||
|
|||
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> |
|||
<script type="text/javascript" src="js/bootstrap.js"></script> |
|||
|
|||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"> |
|||
</script> |
|||
|
|||
<script> |
|||
function openNav() { |
|||
document.getElementById("myNav").classList.toggle("menu_width"); |
|||
document.querySelector(".custom_menu-btn").classList.toggle("menu_btn-style"); |
|||
} |
|||
</script> |
|||
|
|||
<!-- owl carousel script --> |
|||
<script type="text/javascript"> |
|||
$(".owl-carousel").owlCarousel({ |
|||
loop: true, |
|||
margin: 10, |
|||
nav: true, |
|||
navText: [], |
|||
autoplay: true, |
|||
autoplayHoverPause: true, |
|||
responsive: { |
|||
0: { |
|||
items: 1 |
|||
}, |
|||
600: { |
|||
items: 2 |
|||
}, |
|||
1000: { |
|||
items: 2 |
|||
} |
|||
} |
|||
}); |
|||
|
|||
|
|||
$(".owl_carousel1").owlCarousel({ |
|||
loop: true, |
|||
margin: 25, |
|||
nav: true, |
|||
navText: [], |
|||
autoplay: true, |
|||
autoplayHoverPause: true, |
|||
responsive: { |
|||
0: { |
|||
items: 1 |
|||
}, |
|||
600: { |
|||
items: 2 |
|||
}, |
|||
1000: { |
|||
items: 2 |
|||
} |
|||
} |
|||
}); |
|||
</script> |
|||
<!-- end owl carousel script --> |
|||
|
|||
<script> |
|||
/** google_map js **/ |
|||
|
|||
function myMap() { |
|||
var mapProp = { |
|||
center: new google.maps.LatLng(40.712775, -74.005973), |
|||
zoom: 18, |
|||
}; |
|||
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp); |
|||
} |
|||
</script> |
|||
<!-- Google Map --> |
|||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"></script> |
|||
<!-- End Google Map --> |
|||
|
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,373 +0,0 @@ |
|||
<!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="" /> |
|||
|
|||
<title>Oxer</title> |
|||
|
|||
<!-- slider stylesheet --> |
|||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> |
|||
|
|||
<!-- bootstrap core css --> |
|||
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> |
|||
|
|||
<!-- fonts style --> |
|||
<link href="https://fonts.googleapis.com/css?family=Baloo+Chettan|Dosis:400,600,700|Poppins:400,600,700&display=swap" rel="stylesheet" /> |
|||
<!-- Custom styles for this template --> |
|||
<link href="css/style.css" rel="stylesheet" /> |
|||
<!-- responsive style --> |
|||
<link href="css/responsive.css" rel="stylesheet" /> |
|||
</head> |
|||
|
|||
<body class="sub_page"> |
|||
<div class="hero_area"> |
|||
<!-- header section strats --> |
|||
<header class="header_section"> |
|||
<div class="container"> |
|||
<div class="header_nav"> |
|||
<a class="navbar-brand brand_desktop" href="index.html"> |
|||
<img src="images/logo.png" alt="" /> |
|||
</a> |
|||
<div class="main_nav"> |
|||
<div class="top_nav"> |
|||
<ul class=" "> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="images/telephone.png" alt="" /> |
|||
<span> +01 1234567890</span> |
|||
</a> |
|||
</li> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="images/mail.png" alt="" /> |
|||
<span>demo@gmail.com</span> |
|||
</a> |
|||
</li> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="images/location.png" alt="" /> |
|||
<span>Den mark Loram ipusum</span> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="bottom_nav"> |
|||
<nav class="navbar navbar-expand-lg custom_nav-container"> |
|||
<a class="navbar-brand brand_mobile" href="index.html"> |
|||
<img src="images/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="navbar-toggler-icon"></span> |
|||
</button> |
|||
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
|||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center"> |
|||
<ul class="navbar-nav "> |
|||
<li class="nav-item active"> |
|||
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="about.html"> About </a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="class.html"> Classes </a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="blog.html">Blog</a> |
|||
</li> |
|||
</ul> |
|||
<form class="form-inline"> |
|||
<button class="btn ml-3 ml-lg-5 nav_search-btn" type="submit"></button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
<!-- end header section --> |
|||
</div> |
|||
|
|||
|
|||
<!-- class section --> |
|||
|
|||
<section class="class_section layout_padding"> |
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-md-10 col-lg-8 mx-auto"> |
|||
<div class="class_container"> |
|||
<div class="row"> |
|||
<div class="col-lg-9 col-md-10"> |
|||
<div class="heading_container"> |
|||
<h2> |
|||
Our Classes Videos |
|||
</h2> |
|||
<p> |
|||
iusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis n |
|||
ostrud exercitation ullamco laboris iusmod tempor incididunt ut labore et dolore |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="class_box-container"> |
|||
<div class="owl-carousel owl_carousel1"> |
|||
<div class="item"> |
|||
<div class="box"> |
|||
<div class="img-box"> |
|||
<img src="images/c1.jpg" alt=""> |
|||
<div class="detail-box"> |
|||
<button> |
|||
<img src="images/play-icon.png" alt=""> |
|||
</button> |
|||
<h2> |
|||
Boxing |
|||
</h2> |
|||
</div> |
|||
</div> |
|||
<div class="btn-box"> |
|||
<a href=""> |
|||
See More |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="box"> |
|||
<div class="img-box"> |
|||
<img src="images/c2.jpg" alt=""> |
|||
<div class="detail-box"> |
|||
<button> |
|||
<img src="images/play-icon.png" alt=""> |
|||
</button> |
|||
<h2> |
|||
Boxing |
|||
</h2> |
|||
</div> |
|||
</div> |
|||
<div class="btn-box"> |
|||
<a href=""> |
|||
See More |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="box"> |
|||
<div class="img-box"> |
|||
<img src="images/c1.jpg" alt=""> |
|||
<div class="detail-box"> |
|||
<button> |
|||
<img src="images/play-icon.png" alt=""> |
|||
</button> |
|||
<h2> |
|||
Boxing |
|||
</h2> |
|||
</div> |
|||
</div> |
|||
<div class="btn-box"> |
|||
<a href=""> |
|||
See More |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<div class="box"> |
|||
<div class="img-box"> |
|||
<img src="images/c2.jpg" alt=""> |
|||
<div class="detail-box"> |
|||
<button> |
|||
<img src="images/play-icon.png" alt=""> |
|||
</button> |
|||
<h2> |
|||
Boxing |
|||
</h2> |
|||
</div> |
|||
</div> |
|||
<div class="btn-box"> |
|||
<a href=""> |
|||
See More |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- end class section --> |
|||
|
|||
|
|||
<!-- info section --> |
|||
<div class="info_section"> |
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-md-10 ml-auto"> |
|||
<div class="row info_main-row"> |
|||
<div class="col-md-6 pr-0"> |
|||
|
|||
<!-- contact section --> |
|||
|
|||
<section class="contact_section"> |
|||
<h2> |
|||
Request A Call Back |
|||
</h2> |
|||
<form action=""> |
|||
<div> |
|||
<input type="text" placeholder="Name" /> |
|||
</div> |
|||
<div> |
|||
<input type="text" placeholder="Phone Number" /> |
|||
</div> |
|||
<div> |
|||
<input type="email" placeholder="Email" /> |
|||
</div> |
|||
<div> |
|||
<input type="text" class="message-box" placeholder="Message" /> |
|||
</div> |
|||
<div class="d-flex "> |
|||
<button> |
|||
SEND |
|||
</button> |
|||
</div> |
|||
</form> |
|||
<div class="map_container"> |
|||
<div class="map"> |
|||
<div id="googleMap" style="width:100%;height:300px;"></div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- end contact section --> |
|||
|
|||
|
|||
<!-- footer section --> |
|||
<section class=" footer_section "> |
|||
<div class="social_box"> |
|||
<a href="#"> |
|||
<img src="images/facebook.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/twitter.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/linkedin.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/instagram.png" alt=""> |
|||
</a> |
|||
<a href="#"> |
|||
<img src="images/youtube.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<p> |
|||
© 2020 All Rights Reserved. Design by |
|||
<a href="https://html.design/">Free Html Templates</a> |
|||
</p> |
|||
</section> |
|||
<!-- footer section --> |
|||
|
|||
</div> |
|||
<div class="col-md-6 px-0"> |
|||
<div class="img-box"> |
|||
<img src="images/footer-img.jpg" alt=""> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- end info section --> |
|||
|
|||
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script> |
|||
<script type="text/javascript" src="js/bootstrap.js"></script> |
|||
|
|||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"> |
|||
</script> |
|||
|
|||
<script> |
|||
function openNav() { |
|||
document.getElementById("myNav").classList.toggle("menu_width"); |
|||
document.querySelector(".custom_menu-btn").classList.toggle("menu_btn-style"); |
|||
} |
|||
</script> |
|||
|
|||
<!-- owl carousel script --> |
|||
<script type="text/javascript"> |
|||
$(".owl-carousel").owlCarousel({ |
|||
loop: true, |
|||
margin: 10, |
|||
nav: true, |
|||
navText: [], |
|||
autoplay: true, |
|||
autoplayHoverPause: true, |
|||
responsive: { |
|||
0: { |
|||
items: 1 |
|||
}, |
|||
600: { |
|||
items: 2 |
|||
}, |
|||
1000: { |
|||
items: 2 |
|||
} |
|||
} |
|||
}); |
|||
|
|||
|
|||
$(".owl_carousel1").owlCarousel({ |
|||
loop: true, |
|||
margin: 25, |
|||
nav: true, |
|||
navText: [], |
|||
autoplay: true, |
|||
autoplayHoverPause: true, |
|||
responsive: { |
|||
0: { |
|||
items: 1 |
|||
}, |
|||
600: { |
|||
items: 2 |
|||
}, |
|||
1000: { |
|||
items: 2 |
|||
} |
|||
} |
|||
}); |
|||
</script> |
|||
<!-- end owl carousel script --> |
|||
|
|||
<script> |
|||
/** google_map js **/ |
|||
|
|||
function myMap() { |
|||
var mapProp = { |
|||
center: new google.maps.LatLng(40.712775, -74.005973), |
|||
zoom: 18, |
|||
}; |
|||
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp); |
|||
} |
|||
</script> |
|||
<!-- Google Map --> |
|||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"></script> |
|||
<!-- End Google Map --> |
|||
|
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,11 +1,11 @@ |
|||
<ul class="navbar-nav "> |
|||
<li class="nav-item active"> |
|||
<a class="nav-link" href=""> Home </a> |
|||
<a class="nav-link" href="{% url 'blog:index' %}"> Home </a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="blog"> Blog </a> |
|||
<a class="nav-link" href="{% url 'blog:blog' %}"> Blog </a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="sexy"> Sexy Stories </a> |
|||
<a class="nav-link" href="{% url 'blog:sexy' %}"> Sexy Stories </a> |
|||
</li> |
|||
</ul> |
|||
@ -1,4 +0,0 @@ |
|||
<h1>{{ post.title }}</h1> |
|||
<p>{{ post.short_description }}</p> |
|||
<p>{{ post.pub_date }}</p> |
|||
<p>{{ post.content }}</p> |
|||
@ -1,77 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
|||
<title>Dark Blog</title> |
|||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> |
|||
<style> |
|||
body { |
|||
background-color: #222; |
|||
color: #fff; |
|||
padding-top: 56px; /* Adjust this if you have a fixed navbar */ |
|||
} |
|||
|
|||
.navbar { |
|||
background-color: #333; |
|||
} |
|||
|
|||
.container { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.card { |
|||
background-color: #333; |
|||
color: #fff; |
|||
} |
|||
|
|||
.card-header { |
|||
background-color: #555; |
|||
} |
|||
|
|||
.card-body { |
|||
border-top: 1px solid #555; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
|
|||
<!-- Navbar --> |
|||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top"> |
|||
<a class="navbar-brand" href="#">Dark Blog</a> |
|||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> |
|||
<span class="navbar-toggler-icon"></span> |
|||
</button> |
|||
<div class="collapse navbar-collapse" id="navbarNav"> |
|||
<ul class="navbar-nav ml-auto"> |
|||
<li class="nav-item active"> |
|||
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</nav> |
|||
|
|||
<!-- Content --> |
|||
<div class="container"> |
|||
<h1 class="mb-4">Dark Blog Posts</h1> |
|||
|
|||
{% for post in posts %} |
|||
<div class="card mb-4"> |
|||
<div class="card-header"> |
|||
<h2><a class="text-white" href="{% url 'blog:post_detail' post.id %}">{{ post.title }}</a></h2> |
|||
</div> |
|||
<div class="card-body"> |
|||
<p>{{ post.short_description }}</p> |
|||
<p class="text-muted">{{ post.pub_date }}</p> |
|||
</div> |
|||
</div> |
|||
{% endfor %} |
|||
</div> |
|||
|
|||
<!-- Bootstrap JavaScript (optional) --> |
|||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.0.7/dist/umd/popper.min.js" integrity="sha384-c7IErAlR6aD7me9UaH8aTUpGGUsIfF4hEzQElF6/8zzj/5+8zkbUWEYI6TSA2EZb" crossorigin="anonymous"></script> |
|||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8sh+WyTVMGh/J7kqcG2qNQ8q6vcvcMhvAgi/R" crossorigin="anonymous"></script> |
|||
|
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,108 @@ |
|||
{% 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="" /> |
|||
|
|||
<title>Prudellic</title> |
|||
|
|||
<!-- slider stylesheet --> |
|||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> |
|||
|
|||
<!-- bootstrap core css --> |
|||
<link rel="stylesheet" type="text/css" href="{% static 'blog/css/bootstrap.css' %}" /> |
|||
|
|||
<!-- fonts style --> |
|||
<link href="https://fonts.googleapis.com/css?family=Baloo+Chettan|Dosis:400,600,700|Poppins:400,600,700&display=swap" rel="stylesheet" /> |
|||
<!-- Custom styles for this template --> |
|||
<link href="{% static 'blog/css/style.css' %}" rel="stylesheet" /> |
|||
<!-- responsive style --> |
|||
<link href="{% static 'blog/css/responsive.css' %}" rel="stylesheet" /> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header section strats --> |
|||
<header class="header_section"> |
|||
<div class="container"> |
|||
<div class="header_nav"> |
|||
<a class="navbar-brand brand_desktop" href="index.html"> |
|||
<img src="{% static 'blog/images/logo.png' %}" alt="" /> |
|||
</a> |
|||
<div class="main_nav"> |
|||
<div class="top_nav"> |
|||
<ul class=" "> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="{% static 'blog/images/mail.png' %}" alt="" /> |
|||
<span>info@prudellic.com</span> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="bottom_nav"> |
|||
<nav class="navbar navbar-expand-lg custom_nav-container"> |
|||
<a class="navbar-brand brand_mobile" href="index.html"> |
|||
<img src="{% static 'blog/images/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="navbar-toggler-icon"></span> |
|||
</button> |
|||
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
|||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center"> |
|||
|
|||
{% include 'blog/menu.html' %} |
|||
|
|||
<form class="form-inline"> |
|||
<button class="btn ml-3 ml-lg-5 nav_search-btn" type="submit"></button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
<!-- end header section --> |
|||
</div> |
|||
|
|||
<section class="about_section layout_padding"> |
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-md-10 ml-auto pr-0"> |
|||
<div class="about_container"> |
|||
<div class="row"> |
|||
<div class="col-lg-3 col-md-5"> |
|||
<div class="detail-box"> |
|||
<div class="heading_container"> |
|||
<h2> |
|||
{{ sexy_post.title }} |
|||
</h2> |
|||
</div> |
|||
<p> |
|||
{{ sexy_post.content|linebreaksbr }} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- end about section --> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,113 @@ |
|||
{% 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="" /> |
|||
|
|||
<title>Prudellic</title> |
|||
|
|||
<!-- slider stylesheet --> |
|||
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" /> |
|||
|
|||
<!-- bootstrap core css --> |
|||
<link rel="stylesheet" type="text/css" href="{% static 'blog/css/bootstrap.css' %}" /> |
|||
|
|||
<!-- fonts style --> |
|||
<link href="https://fonts.googleapis.com/css?family=Baloo+Chettan|Dosis:400,600,700|Poppins:400,600,700&display=swap" rel="stylesheet" /> |
|||
<!-- Custom styles for this template --> |
|||
<link href="{% static 'blog/css/style.css' %}" rel="stylesheet" /> |
|||
<!-- responsive style --> |
|||
<link href="{% static 'blog/css/responsive.css' %}" rel="stylesheet" /> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header section strats --> |
|||
<header class="header_section"> |
|||
<div class="container"> |
|||
<div class="header_nav"> |
|||
<a class="navbar-brand brand_desktop" href="index.html"> |
|||
<img src="{% static 'blog/images/logo.png' %}" alt="" /> |
|||
</a> |
|||
<div class="main_nav"> |
|||
<div class="top_nav"> |
|||
<ul class=" "> |
|||
<li class=""> |
|||
<a class="" href=""> |
|||
<img src="{% static 'blog/images/mail.png' %}" alt="" /> |
|||
<span>info@prudellic.com</span> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="bottom_nav"> |
|||
<nav class="navbar navbar-expand-lg custom_nav-container"> |
|||
<a class="navbar-brand brand_mobile" href="index.html"> |
|||
<img src="{% static 'blog/images/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="navbar-toggler-icon"></span> |
|||
</button> |
|||
<div class="collapse navbar-collapse" id="navbarSupportedContent"> |
|||
<div class="d-flex ml-auto flex-column flex-lg-row align-items-center"> |
|||
|
|||
{% include 'blog/menu.html' %} |
|||
|
|||
<form class="form-inline"> |
|||
<button class="btn ml-3 ml-lg-5 nav_search-btn" type="submit"></button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
<!-- end header section --> |
|||
</div> |
|||
|
|||
{% for post in sexy_posts %} |
|||
<section class="about_section layout_padding"> |
|||
<div class="container-fluid"> |
|||
<div class="row"> |
|||
<div class="col-md-10 ml-auto pr-0"> |
|||
<div class="about_container"> |
|||
<div class="row"> |
|||
<div class="col-lg-3 col-md-5"> |
|||
<div class="detail-box"> |
|||
<div class="heading_container"> |
|||
<h2> |
|||
{{ post.title }} |
|||
</h2> |
|||
</div> |
|||
<p> |
|||
{{ post.short_description|linebreaksbr }} |
|||
</p> |
|||
<a href="{{ post.id }}"> |
|||
Read More |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{% endfor %} |
|||
<!-- end about section --> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
Binary file not shown.
Loading…
Reference in new issue