danamir/AuthorTmpl
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity
Files
0bba7247cd941f1f52388da88c236ad0a5bd1df0
AuthorTmpl/templates/index.html
alex danamir 0bba7247cd connected to flask
2020-12-14 00:24:13 +03:00

346 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<!--
Author by FreeHTML5.co
Twitter: https://twitter.com/fh5co
Facebook: https://fb.com/fh5co
URL: https://freehtml5.co
-->
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/slick.css') }}">
<title>Author</title>
</head>
<body>
<!-- Navigation -->
<nav class="site-navigation">
<div class="site-navigation-inner site-container">
<img src="{{ url_for('static', filename='img/site-logo.png') }}" alt="site logo">
<div class="main-navigation">
<ul class="main-navigation__ul">
<li><a href="#">Homepage</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
</ul>
</div>
<div id="myBtn" class="burger-container" onclick="myFunction(this)">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<script>
function myFunction(x) {
x.classList.toggle("change");
}
</script>
</div>
</nav>
<!-- Navigation end -->
<!-- Top banner -->
<section class="fh5co-top-banner">
<div class="top-banner__inner site-container">
<div class="top-banner__image">
<img src="{{ url_for('static', filename='img/top-banner-author.jpg') }} " alt="author image">
</div>
<div class="top-banner__text">
<div class="top-banner__text-up">
<span class="brand-span">Hello! I'm</span>
<h2 class="top-banner__h2">Jhone</h2>
</div>
<div class="top-banner__text-down">
<h2 class="top-banner__h2">Smith</h2>
<span class="brand-span">Author, Writer, Traveler</span>
</div>
<p>One Man. One Mission. Can He Go Beyond?One Man. One Mission. Can He Go Beyond?</p>
<a href="#" class="brand-button">Read bio > </a>
</div>
</div>
</section>
<!-- Top banner end -->
<!-- About me -->
<section class="fh5co-about-me">
<div class="about-me-inner site-container">
<article class="portfolio-wrapper">
<div class="portfolio__img">
<img src="{{ url_for('static', filename='img/about-me.jpg') }} " class="about-me__profile" alt="about me profile picture">
</div>
<div class="portfolio__bottom">
<div class="portfolio__name">
<span>J</span>
<h2 class="universal-h2">hone Smith</h2>
</div>
<p>Jhone Smith is a short story author, novelist, and award-winning poet.</p>
</div>
</article>
<div class="about-me__text">
<div class="about-me-slider">
<div class="about-me-single-slide">
<h2 class="universal-h2 universal-h2-bckg">About me</h2>
<p><span>H</span> e has work appearing or forthcoming in over a dozen venues, including Buzzy Mag, The Spirit of Poe, and the British Fantasy Society journal Dark Horizons. He is also CEO of a company, specializing in custom book publishing and social media marketing services, have created a community for authors to learn and connect.He has work appearing or forthcoming in over a dozen venues, including Buzzy Mag, The Spirit of Poe, and have created a community for authors to learn and connect.</p>
<h4>Author</h4>
<p class="p-white">See me</p>
</div>
<div class="about-me-single-slide">
<h2 class="universal-h2 universal-h2-bckg">About me 2</h2>
<p><span>H</span> e has work appearing or forthcoming in over a dozen venues, including Buzzy Mag, The Spirit of Poe, and the British Fantasy Society journal Dark Horizons. He is also CEO of a company, specializing in custom book publishing and social media marketing services, have created a community for authors to learn and connect.He has work appearing or forthcoming in over a dozen venues, including Buzzy Mag, The Spirit of Poe, and have created a community for authors to learn and connect.</p>
<h4>Author</h4>
<p class="p-white">See me</p>
</div>
</div>
</div>
</div>
<div class="about-me-bckg"></div>
</section>
<!-- About me end -->
<!-- Books and CD -->
<section class="fh5co-books">
<div class="site-container">
<h2 class="universal-h2 universal-h2-bckg">New Books And CD</h2>
<div class="books">
<div class="single-book">
<a href="#" class="single-book__img">
<img src="{{ url_for('static', filename='img/books-1.jpg')}} " alt="single book and cd">
<div class="single-book_download">
<img src="{{ url_for('static', filename='img/download.svg') }} " alt="book image">
</div>
</a>
<h4 class="single-book__title">Olivani</h4>
<span class="single-book__price">$15.00</span>
<!-- star rating -->
<div class="rating">
<span>&#9734;</span>
<span>&#9734;</span>
<span>&#9734;</span>
<span>&#9734;</span>
<span>&#9734;</span>
</div>
<!-- star rating end -->
</div>
<div class="single-book">
<a href="#" class="single-book__img">
<img src="{{ url_for('static', filename='img/books-2.jpg') }} " alt="single book and cd">
<div class="single-book_download">
<img src="{{ url_for('static', filename='img/download.svg') }} " alt="book image">
</div>
</a>
<h4 class="single-book__title">Molleon’s Life</h4>
<span class="single-book__price">$22.00</span>
<!-- star rating -->
<div class="rating">
<span>&#9734;</span>
<span>&#9734;</span>
<span>&#9734;</span>
<span>&#9734;</span>
<span>&#9734;</span>
</div>
<!-- star rating end -->
</div>
<div class="single-book">
<a href="#" class="single-book__img">
<img src="{{ url_for('static', filename='img/books-3.jpg') }} " alt="single book and cd">
<div class="single-book_download">
<img src="{{ url_for('static', filename='img/download.svg')}}" alt="book image">
</div>
</a>
<h4 class="single-book__title">Love is Love</h4>
<span class="single-book__price">$25.00</span>
</div>
<div class="single-book">
<a href="#" class="single-book__img">
<img src="{{ url_for('static', filename='img/books-4.jpg')}} " alt="single book and cd">
<div class="single-book_download">
<img src="{{ url_for('static', filename='img/download.svg') }}" alt="book image">
</div>
</a>
<h4 class="single-book__title">Give Me Also</h4>
<span class="single-book__price">$30.00</span>
</div>
</div>
<div class="books-brand-button">
<a href="#" class="brand-button">View more</a>
</div>
</div>
</section>
<!-- Books and CD end -->
<!-- Counter -->
<div class="fh5co-counter counters">
<div class="counter-inner site-container">
<div class="single-count">
<span class="count" data-count="50">0</span>
<div class="single-count__text">
<img src="{{ url_for('static', filename='img/counter-1.png') }}" alt="counter icon">
<p>Books</p>
</div>
</div>
<div class="single-count">
<span class="count" data-count="600">0</span>
<div class="single-count__text">
<img src="{{ url_for('static', filename='img/counter-2.png') }}" alt="counter icon">
<p>Pages</p>
</div>
</div>
<div class="single-count">
<span class="count" data-count="2000">0</span>
<div class="single-count__text">
<img src="{{ url_for('static', filename='img/counter-3.png') }}" alt="counter icon">
<p>Sales</p>
</div>
</div>
<div class="single-count">
<span class="count" data-count="125">0</span>
<div class="single-count__text">
<img src="{{ url_for('static', filename='img/counter-4.png') }}" alt="counter icon">
<p>Awards</p>
</div>
</div>
</div>
</div>
<!-- Counter -->
<!-- Blog -->
<section class="fh5co-blog">
<div class="site-container">
<h2 class="universal-h2 universal-h2-bckg">My Blog</h2>
<div class="blog-slider blog-inner">
<div class="single-blog">
<div class="single-blog__img">
<img src="{{ url_for('static', filename='img/blog1.jpg') }}" alt="blog image">
</div>
<div class="single-blog__text">
<h4>The Journey Under the Waves</h4>
<span>On August 28, 2015</span>
<p>Quisque vel sapi nec lacus adipis cing bibendum nullam porta lites laoreet aliquam.velitest, tempus a ullamcorper et, lacinia mattis mi. Cras arcu nulla, blandit id cursus et, ultricies eu leo.</p>
</div>
</div>
<div class="single-blog">
<div class="single-blog__img">
<img src="{{ url_for('static', filename='img/blog2.jpg') }}" alt="blog image">
</div>
<div class="single-blog__text">
<h4>The Journey Under the Waves</h4>
<span>On August 28, 2015</span>
<p>Quisque vel sapi nec lacus adipis cing bibendum nullam porta lites laoreet aliquam.velitest, tempus a ullamcorper et, lacinia mattis mi. Cras arcu nulla, blandit id cursus et, ultricies eu leo.</p>
</div>
</div>
<div class="single-blog">
<div class="single-blog__img">
<img src="{{ url_for('static', filename='img/blog2.jpg') }}" alt="blog image">
</div>
<div class="single-blog__text">
<h4>The Journey Under the Waves</h4>
<span>On August 28, 2015</span>
<p>Quisque vel sapi nec lacus adipis cing bibendum nullam porta lites laoreet aliquam.velitest, tempus a ullamcorper et, lacinia mattis mi. Cras arcu nulla, blandit id cursus et, ultricies eu leo.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Blog end -->
<!-- Quotes -->
<section class="fh5co-quotes">
<div class="site-container">
<div class="about-me-slider">
<div>
<h2 class="universal-h2 universal-h2-bckg">What People Are Saying</h2>
<p>“Pudding croissant cake candy canes fruitcake sweet roll pastry gummies sugar plum. Tart pastry danish soufflé donut bear claw chocolate cake marshmallow chupa chups. Jelly danish gummi bears cake donut powder chocolate cake. Bonbon soufflé lollipop biscuit dragée jelly-o. Wafer pastry pudding tiramisu chocolate bar croissant cake. Pie caramels gummies danish.”</p>
<img src="{{ url_for('static', filename='img/quotes.svg')}}" alt="quotes svg">
<h4>David Dixon</h4>
<p>Reader</p>
</div>
<div>
<h2 class="universal-h2 universal-h2-bckg">What People Are Saying 2</h2>
<p>“Pudding croissant cake candy canes fruitcake sweet roll pastry gummies sugar plum. Tart pastry danish soufflé donut bear claw chocolate cake marshmallow chupa chups. Jelly danish gummi bears cake donut powder chocolate cake. Bonbon soufflé lollipop biscuit dragée jelly-o. Wafer pastry pudding tiramisu chocolate bar croissant cake. Pie caramels gummies danish.”</p>
<img src="{{ url_for('static', filename='img/quotes.svg') }}" alt="quotes svg">
<h4>David Dixon</h4>
<p>Reader</p>
</div>
</div>
</div>
</section>
<!-- Quotes end -->
<!-- Social -->
<section class="fh5co-social">
<div class="site-container">
<div class="social">
<h5>Follow me!!</h5>
<div class="social-icons">
<a href="#" target="_blank"><img src="{{ url_for('static', filename='img/social-pinterest.png')}}" alt="social icon"></a>
<a href="#" target="_blank"><img src="{{ url_for('static', filename='img/social-youtube.png') }} " alt="social icon"></a>
<a href="#" target="_blank"><img src="{{ url_for('static', filename='img/social-twitter.png') }}" alt="social icon"></a>
<a href="#" target="_blank"><img src="{{ url_for('static', filename='img/social-twitter.png') }}" alt="social icon"></a>
</div>
<h5>Share it!</h5>
</div>
</div>
</section>
<!-- Social -->
<!-- Footer -->
<footer class="site-footer">
<div class="site-container">
<div class="footer-inner">
<div class="footer-info">
<div class="footer-info__left">
<img src="{{ url_for('static', filename='img/footer-img.jpg') }}" alt="about me image">
<p>Read more about me</p>
</div>
<div class="footer-info__right">
<h5>Get In Touch</h5>
<p class="footer-phone">Phone: +958734902847</p>
<p>Email : Jhone@Example.com</p>
<div class="social-icons">
<a href="#" target="_blank"><img src="{{ url_for('static', filename='img/social-twitter.png') }} " alt="social icon"></a>
<a href="#" target="_blank"><img src="{{ url_for('static', filename='img/social-pinterest.png') }}" alt="social icon"></a>
<a href="#" target="_blank"><img src="{{ url_for('static', filename='img/social-youtube.png') }}" alt="social icon"></a>
<a href="#" target="_blank"><img src="{{ url_for('static', filename='img/social-twitter.png') }} " alt="social icon"></a>
</div>
</div>
</div>
<div class="footer-contact-form">
<h5>Contact Form</h5>
<form class="contact-form">
<div class="contact-form__input">
<input type="text" name="name" placeholder="Name">
<input type="email" name="email" placeholder="Email">
</div>
<textarea></textarea>
<input type="submit" name="submit" value="Submit" class="submit-button">
</form>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="site-container footer-bottom-inner">
<p>© 2019 Author | Design by <a href="https://freehtml5.co/" target="_blank">freehtml5.co</a> | All rights Reserved.</p>
<div class="footer-bottom__img">
<img src="{{ url_for('static', filename='img/footer-mastercard.png') }}" alt="footer image">
<img src="{{ url_for('static', filename='img/footer-paypal.png') }}" alt="footer image">
<img src="{{ url_for('static', filename='img/footer-visa.png') }}" alt="footer image">
<img src="{{ url_for('static', filename='img/footer-fedex.png') }} " alt="footer image">
<img src="{{ url_for('static', filename='img/footer-dhl.png') }} " alt="footer image">
</div>
</div>
</div>
</footer>
<!-- Footer end -->
<!-- Scripts -->
<script src="{{ url_for('static', filename='js/jquery.min.js') }} "></script>
<script src="{{ url_for('static', filename='js/slick.min.js') }} "></script>
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink