forked from devmanorg/blog-backend
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
b410e52
commit 74599aa
Showing
1 changed file
with
110 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,110 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head></head> | ||
<body> | ||
<h1>Тут будут контакты</h1> | ||
</body> | ||
</html> | ||
{% extends 'base.html' %} | ||
{% load static %} | ||
<!--<!DOCTYPE html>--> | ||
<!--<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 - Contact</title>--> | ||
<!-- <link rel="icon" href="img/favicon.png" type="image/png">--> | ||
|
||
|
||
<!-- <link rel="stylesheet" href="/home/olga/Desktop/Мои проекты/блог/styles.min.css">--> | ||
<!-- </head>--> | ||
<!-- <body>--> | ||
{% block content %} | ||
<!--================Header Menu Area =================--> | ||
|
||
<!--================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>Contact Us</h1> | ||
<nav aria-label="breadcrumb" class="banner-breadcrumb"> | ||
<ol class="breadcrumb"> | ||
<li class="breadcrumb-item"><a href="{% url 'index' %}">Home</a></li> | ||
<li class="breadcrumb-item active" aria-current="page">Contact Us</li> | ||
</ol> | ||
</nav> | ||
</div> | ||
</div> | ||
</div> | ||
</section> | ||
<!--================ Hero sm banner end =================--> | ||
|
||
|
||
<!-- ================ contact section start ================= --> | ||
<section class="section-margin--small section-margin"> | ||
<div class="container"> | ||
<div class="d-none d-sm-block mb-5 pb-4"> | ||
{{ html_map|safe }} | ||
</div> | ||
|
||
|
||
<div class="row"> | ||
<div class="col-md-4 col-lg-3 mb-4 mb-md-0"> | ||
<div class="media contact-info"> | ||
<span class="contact-info__icon"><i class="ti-home"></i></span> | ||
<div class="media-body"> | ||
<h3>California United States</h3> | ||
<p>Santa monica bullevard</p> | ||
</div> | ||
</div> | ||
<div class="media contact-info"> | ||
<span class="contact-info__icon"><i class="ti-headphone"></i></span> | ||
<div class="media-body"> | ||
<h3><a href="tel:454545654">00 (440) 9865 562</a></h3> | ||
<p>Mon to Fri 9am to 6pm</p> | ||
</div> | ||
</div> | ||
<div class="media contact-info"> | ||
<span class="contact-info__icon"><i class="ti-email"></i></span> | ||
<div class="media-body"> | ||
<h3><a href="mailto:[email protected]">[email protected]</a></h3> | ||
<p>Send us your query anytime!</p> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="col-md-8 col-lg-9"> | ||
<form action="./" class="form-contact contact_form" method="post" id="contactForm" novalidate="novalidate"> | ||
<div class="row"> | ||
<div class="col-lg-5"> | ||
<div class="form-group"> | ||
<input class="form-control" name="name" id="name" type="text" placeholder="Enter your name"> | ||
</div> | ||
<div class="form-group"> | ||
<input class="form-control" name="email" id="email" type="email" placeholder="Enter email address"> | ||
</div> | ||
<div class="form-group"> | ||
<input class="form-control" name="subject" id="subject" type="text" placeholder="Enter Subject"> | ||
</div> | ||
</div> | ||
<div class="col-lg-7"> | ||
<div class="form-group"> | ||
<textarea class="form-control different-control w-100" name="message" id="message" cols="30" rows="5" placeholder="Enter Message"></textarea> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="form-group text-center text-md-right mt-3"> | ||
<button type="submit" class="button button--active button-contactForm">Send Message</button> | ||
</div> | ||
</form> | ||
</div> | ||
</div> | ||
</div> | ||
</section> | ||
<!-- ================ contact section end ================= --> | ||
|
||
|
||
<!--================ Start Footer Area =================--> | ||
<!--================ End Footer Area =================--> | ||
|
||
|
||
<script src="{% static 'scripts.js' %}"></script> | ||
{% endblock %} | ||
<!-- </body>--> | ||
<!--</html>--> |