199 lines
14 KiB
HTML
199 lines
14 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||
<head lang="en">
|
||
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
||
<title>Yogastic | Yoga & Fitness Website Template</title>
|
||
<!-- Framework CSS -->
|
||
<link rel="stylesheet" href="assets/blueprint-css/screen.css" type="text/css" media="screen, projection">
|
||
<link rel="stylesheet" href="assets/blueprint-css/print.css" type="text/css" media="print">
|
||
<!--[if lt IE 8]><link rel="stylesheet" href="assets/blueprint-css/ie.css" type="text/css" media="screen, projection"><![endif]-->
|
||
<link rel="stylesheet" href="assets/blueprint-css/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
|
||
<style type="text/css" media="screen">
|
||
p, table, hr, .box { margin-bottom:25px; }
|
||
.box p { margin-bottom:10px; }
|
||
</style>
|
||
</head>
|
||
|
||
|
||
<body>
|
||
<div class="container">
|
||
<h3 class="center alt">“Yogastic | Yoga & Fitness Website Template” Documentation by “Designing Media Team”</h3>
|
||
<hr>
|
||
<h1 class="center">“Yogastic | Yoga & Fitness Website Template”</h1>
|
||
|
||
<div class="borderTop">
|
||
<div class="span-6 colborder info prepend-1">
|
||
<p class="prepend-top">
|
||
<strong>
|
||
Created: 02 November, 2022<br>
|
||
By: DesigningMedia.com<br>
|
||
Support: <a href="//designingmedia.com/support">www.designingmedia.com/support</a>
|
||
<br>
|
||
Email: <a href="mailto:hello@designingmedia.com">hello@designingmedia.com</a><br>
|
||
</strong>
|
||
<strong>Twitter: <a href="//twitter.com/mediadesigning">twitter.com/mediadesigning</a> </strong>
|
||
</p>
|
||
</div><!-- end div .span-6 -->
|
||
|
||
<div class="span-12 last">
|
||
<p class="prepend-top append-0">Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to post your questions on my support forum at <a href="http://designingmedia.com/support">http://designingmedia.com/support</a>. Thanks so much!</p>
|
||
</div>
|
||
</div><!-- end div .borderTop -->
|
||
<hr>
|
||
<h2 id="toc" class="alt"><img src="assets/images/01_screenshot.jpg" width="400" align="right"></h2>
|
||
|
||
<h2 class="alt">Table of Contents</h2>
|
||
<ol class="alpha">
|
||
<li><a href="#Introduction">Introduction</a></li>
|
||
<li><a href="#html">How to Edit HTML Files?</a></li>
|
||
<li><a href="#css">How to Edit CSS Files?</a></li>
|
||
<li><a href="#colorschemes">How to use Color Schemes?</a></li>
|
||
<li><a href="#loadingeffect">How to use Teams Slider?</a></li>
|
||
<li><a href="#Onloadanimation">How to use On Load Animation?</a></li>
|
||
<li><a href="#Resources-Used">Resources Used</a></li>
|
||
</ol>
|
||
<hr>
|
||
|
||
|
||
|
||
<h3 id="Introduction"><strong>A) Introduction</strong> - <a href="#toc">top</a></h3>
|
||
|
||
|
||
<p>The Yogastic HTML5 website template is a custom design package that is exclusively made forfor Yoga and Fitness. It provides the best solution for prenatal Yoga, Meditation, and Nutrition Consultation. It has a modern, clean, creative & unique design based on the latest technology.</p>
|
||
|
||
<p>It contains Home Page layouts and about page layout and 04+ valid HTML5 page templates designs and different Blog pages Styles. The Yogastic | Yoga & Fitness template features the coded with Bootstrap v4.0, HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!</p>
|
||
|
||
<hr>
|
||
|
||
<h3 id="html"><strong>C) How to Edit HTML Files?</strong> - <a href="#toc">top</a></h3>
|
||
<p>We have included 04+ custom HTML templates like Home Page styles, about us styles, about styles and pricing page style etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.</p>
|
||
|
||
<hr>
|
||
|
||
<h3 id="css"><strong>D) How to Edit CSS Files?</strong> - <a href="#toc">top</a></h3>
|
||
<p>We have included some custom CSS styles like <strong>style.css</strong> (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner images open <strong>style.css</strong> and look at "<strong>.banner-con</strong>" for banner image and change your styles.</p>
|
||
|
||
<hr>
|
||
|
||
<h3 id="googlemap"> </h3>
|
||
<h3><strong>F) </strong><strong> How to use Color Schemes?</strong> - <a href="#toc">top</a></h3>
|
||
<p>Please open<strong> style.css</strong> file from <strong>yogastic/assets/css </strong>folder with a text editor and build your own colors. <strong>#242b44</strong> this is our primary color, you can search and replace all to your new color code.</p>
|
||
|
||
<hr>
|
||
|
||
<h3 id="Onloadanimation"> </h3>
|
||
<h3><strong>G) How to use On Load Animation?</strong> - <a href="#toc">top</a></h3>
|
||
<p>We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.</p>
|
||
|
||
<hr>
|
||
|
||
|
||
|
||
<h3> </h3>
|
||
<h3><strong> jQuery Files</strong></h3>
|
||
|
||
<ul>
|
||
<li><a href="http://jquery.com/download/">assets/js/jquery-3.6.0.min.js</a></li>
|
||
<li><a href="http://getbootstrap.com/">assets/js/bootstrap.min.js</a></li>
|
||
<li><a href="http://getbootstrap.com/">js/popper.min.js</a></li>
|
||
<li><a href="http://https://wowjs.uk/">js/wow.js</a></li>
|
||
</ul>
|
||
|
||
<h3><strong>Photos</strong></h3>
|
||
|
||
<ul>
|
||
<li><a href="https://elements.envato.com">Enveto Elements</a></li>
|
||
<li><a href="https://www.freepik.com">Freepik Photos</a></li>
|
||
</ul>
|
||
<h3><strong>Icons:</strong></h3>
|
||
|
||
<ul>
|
||
<li><a href="http://fortawesome.com">Font-Awesome</a></li>
|
||
</ul>
|
||
<h3><strong>font:</strong></h3>
|
||
|
||
<ul>
|
||
<li><a href="https://fonts.google.com/specimen/Playfair+Display">Playfair Display</a></li>
|
||
<li><a href="https://fonts.google.com/specimen/Karla">Karla</a></li>
|
||
</ul>
|
||
<hr>
|
||
|
||
<h3 id="Resources-Used"><strong>G) Resources Used</strong> - <a href="#toc">top</a></h3>
|
||
<hr>
|
||
<h3 id="item-description__global"><strong>Global</strong></h3>
|
||
<hr>
|
||
<h4 id="item-description__colors">
|
||
<br><strong>Colors:</strong>
|
||
</h4>
|
||
<ol>
|
||
<li>Primary: #242b44</li>
|
||
<li>Secondary: #ffffff</li>
|
||
<li>Text: #afb6d2</li>
|
||
</ol>
|
||
<hr>
|
||
|
||
<h4 id="item-description__font-sizes"><strong>Font Sizes:</strong></h4>
|
||
<h4 id="item-description__h1-gt-gt-60-pxh2-gt-gt-46-pxh3-gt-gt-30-pxh4-gt-gt-22-pxh5-gt-gt">
|
||
<br>h1 >> 64px<br>
|
||
<br>h2 >> 48px<br>
|
||
<br>h3 >> 22px<br>
|
||
<br>h4 >> 22px<br>
|
||
<br>h5 >> 20px<br>
|
||
<br>h6 >> 20px<br>
|
||
<br>P >> 20px<br>
|
||
|
||
<br>
|
||
</h4>
|
||
<hr>
|
||
<h3><strong>Image Links:</strong> </h3>
|
||
<hr>
|
||
<ul>
|
||
<li><a href="https://elements.envato.com/relaxation-exercises-woman-in-sportive-clothes-doi-P6YJZ46">https://elements.envato.com/b-letter-logo-M995K7%20z%20https://elements.envato.com/beatmusic-logo-b-letter-template-SZEPXM</a></li></a></li>
|
||
<li><a href="https://elements.envato.com/yoga-studio-logo-34M4FR">https://elements.envato.com/yoga-studio-logo-34M4FR</a></li>
|
||
<li><a href="https://www.freepik.com/free-vector/international-yoga-day-hand-drawn-flat-background_26174887.htm#page=3&query=Yoga%20background&position=22&from_view=search">https://www.freepik.com/free-vector/international-yoga-day-hand-drawn-flat-background_26174887.htm#page=3&query=Yoga%20background&position=22&from_view=search</a></li>
|
||
<li><a href="https://elements.envato.com/sea-sunrise-at-rocky-beach-PS89JMS">https://elements.envato.com/sea-sunrise-at-rocky-beach-PS89JMS</a></li>
|
||
<li><a href="https://elements.envato.com/pregnant-woman-stretching-5RYDK74">https://elements.envato.com/pregnant-woman-stretching-5RYDK74</a></li>
|
||
<li><a href="https://elements.envato.com/with-hands-raising-up-high-woman-in-sportive-cloth-3CBVYGN">https://elements.envato.com/with-hands-raising-up-high-woman-in-sportive-cloth-3CBVYGN</a></li>
|
||
<li><a href="https://elements.envato.com/young-girl-blogger-photographs-food-and-promotes-h-U3TFLUL">https://elements.envato.com/young-girl-blogger-photographs-food-and-promotes-h-U3TFLUL</a></li>
|
||
<li><a href="https://elements.envato.com/professional-occupation-woman-in-sportive-clothes--6JQ43H8">https://elements.envato.com/professional-occupation-woman-in-sportive-clothes--6JQ43H8</a></li>
|
||
<li><a href="https://elements.envato.com/standing-and-holding-mat-woman-in-sportive-clothes-3B2PJNB">https://elements.envato.com/standing-and-holding-mat-woman-in-sportive-clothes-3B2PJNB</a></li>
|
||
<li><a href="https://elements.envato.com/sky-nature-background-NBZM6YA">https://elements.envato.com/sky-nature-background-NBZM6YA</a></li>
|
||
<li><a href="https://elements.envato.com/side-view-woman-in-sportive-clothes-doing-yoga-ind-B79G8WZ">https://elements.envato.com/side-view-woman-in-sportive-clothes-doing-yoga-ind-B79G8WZ</a></li>
|
||
<li><a href="https://elements.envato.com/with-fitness-mat-woman-in-sportive-clothes-doing-y-E3DAQMK">https://elements.envato.com/with-fitness-mat-woman-in-sportive-clothes-doing-y-E3DAQMK</a></li>
|
||
<li><a href="https://elements.envato.com/yoga-session-women-in-sportive-clothes-standing-in-K4R9JJX">https://elements.envato.com/yoga-session-women-in-sportive-clothes-standing-in-K4R9JJX</a></li>
|
||
<li><a href="https://elements.envato.com/doing-plank-exercise-young-woman-with-slim-body-ty-P2X2C8J">https://elements.envato.com/doing-plank-exercise-young-woman-with-slim-body-ty-P2X2C8J</a></li>
|
||
<li><a href="https://elements.envato.com/good-stretch-woman-in-sportive-clothes-doing-yoga--93BBNY5">https://elements.envato.com/good-stretch-woman-in-sportive-clothes-doing-yoga--93BBNY5</a></li>
|
||
<li><a href="https://elements.envato.com/yoga-icons-WV82D5/preview/6">https://elements.envato.com/yoga-icons-WV82D5/preview/6</a></li>
|
||
<li><a href="https://elements.envato.com/women-QLDBEB4">https://elements.envato.com/women-QLDBEB4</a></li>
|
||
<li><a href="https://elements.envato.com/professional-occupation-woman-in-sportive-clothes--AD5KXPW">https://elements.envato.com/professional-occupation-woman-in-sportive-clothes--AD5KXPW</a></li>
|
||
<li><a href="https://elements.envato.com/doing-abs-young-woman-in-sportive-wear-and-with-sl-NB44BSX">https://elements.envato.com/doing-abs-young-woman-in-sportive-wear-and-with-sl-NB44BSX</a></li>
|
||
<li><a href="https://elements.envato.com/showing-her-body-woman-in-sportive-clothes-doing-y-WRDGKKL">https://elements.envato.com/showing-her-body-woman-in-sportive-clothes-doing-y-WRDGKKL</a></li>
|
||
<li><a href="https://elements.envato.com/conception-of-hobbies-woman-in-sportive-clothes-do-2V8J838">https://elements.envato.com/conception-of-hobbies-woman-in-sportive-clothes-do-2V8J838</a></li>
|
||
<li><a href="https://elements.envato.com/group-meditation-for-girls-creates-a-circle-with-t-WC5SGQ8">https://elements.envato.com/group-meditation-for-girls-creates-a-circle-with-t-WC5SGQ8</a></li>
|
||
<li><a href="https://elements.envato.com/five-women-meditate-group-of-sportive-girls-in-a-s-UC6RRP4">https://elements.envato.com/five-women-meditate-group-of-sportive-girls-in-a-s-UC6RRP4</a></li>
|
||
<li><a href="https://elements.envato.com/athletic-young-woman-practicing-yoga-on-a-fitness--JRMMLUN">https://elements.envato.com/athletic-young-woman-practicing-yoga-on-a-fitness--JRMMLUN</a></li>
|
||
<li><a href="https://elements.envato.com/attractive-young-woman-posing-after-doing-fitness--D7RUDAD">https://elements.envato.com/attractive-young-woman-posing-after-doing-fitness--D7RUDAD</a></li>
|
||
<li><a href="https://elements.envato.com/portrait-of-male-personal-trainer-working-out-in-c-CHVAE9Q">https://elements.envato.com/portrait-of-male-personal-trainer-working-out-in-c-CHVAE9Q</a></li>
|
||
<li><a href="https://elements.envato.com/portrait-of-cheerful-female-fitness-trainer-with-c-G8YKEBU">https://elements.envato.com/portrait-of-cheerful-female-fitness-trainer-with-c-G8YKEBU</a></li>
|
||
<li><a href="https://elements.envato.com/portrait-of-beautiful-female-personal-coach-in-gym-4Y6HHKK">https://elements.envato.com/portrait-of-beautiful-female-personal-coach-in-gym-4Y6HHKK</a></li>
|
||
<li><a href="https://elements.envato.com/portrait-of-young-caucasian-man-with-beard-standin-RLBDSDX">https://elements.envato.com/portrait-of-young-caucasian-man-with-beard-standin-RLBDSDX</a></li>
|
||
<li><a href="https://elements.envato.com/woman-fitness-trainer-portrait-on-a-gym-background-QQ6NU8F">https://elements.envato.com/woman-fitness-trainer-portrait-on-a-gym-background-QQ6NU8F</a></li>
|
||
<li><a href="https://elements.envato.com/smiling-young-brunette-white-man-in-sportswear-5U5UFM7">https://elements.envato.com/smiling-young-brunette-white-man-in-sportswear-5U5UFM7</a></li>
|
||
<li><a href="https://elements.envato.com/contact-icons-R8K8B8">https://elements.envato.com/contact-icons-R8K8B8</a></li>
|
||
<p> </p>
|
||
|
||
<hr>
|
||
<p><strong>Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.</strong></p>
|
||
<p>Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes and templates on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.</p>
|
||
<p class="append-bottom alt large"><strong>Designing Media Team</strong></p>
|
||
<p><a href="#toc">Go To Table of Contents</a></p>
|
||
<hr class="space">
|
||
|
||
|
||
<p>Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.</p>
|
||
<p class="append-bottom alt large"><strong>Designing Media Team</strong></p>
|
||
<p><a href="#toc">Go To Table of Contents</a></p>
|
||
|
||
<hr class="space">
|
||
</div><!-- end div .container -->
|
||
</body>
|
||
</html> |