added first three mockups
This commit is contained in:
westfarn committed
1 parent
4dce423c4f
commit
f839df7863
864 files changed
+235286
-1
No files matched your search
+3
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"liveServer.settings.port": 5501
|
||||
}
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
/*!
|
||||
* Bootstrap v4.0.0 (https://getbootstrap.com)
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcfLine truncated
|
||||
/*# sourceMappingURL=bootstrap.min.css.map */
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 131 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 176 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 180 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
+301
@@ -0,0 +1,301 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
|
||||
<title>ePaint Documentation</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-sm-6">
|
||||
<a href="index.html" class="logo"><img src="images/logo.png" /></a>
|
||||
</div>
|
||||
<div class="col-sm-6 text-right">
|
||||
<p>Documentation</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="main-content">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-3">
|
||||
<div class="nav-sidebar">
|
||||
<nav>
|
||||
<h5 class="nav-title">Navigation</h5>
|
||||
<ul>
|
||||
<li><a href="#intro">Introduction</a></li>
|
||||
<li><a href="#file-structure">File structure</a></li>
|
||||
<li><a href="#general">General setting</a></li>
|
||||
<li><a href="#navigation">Nav Menu</a></li>
|
||||
<li><a href="#swiper-js">Swiper Js</a></li>
|
||||
<li><a href="#progress">Progress</a></li>
|
||||
<li><a href="#counter">CounterUp</a></li>
|
||||
<li><a href="#fancy-box">Fancy-box</a></li>
|
||||
<li><a href="#others">Css & Js list</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-9">
|
||||
<div class="content">
|
||||
<div id="intro" class="single-div">
|
||||
<div class="inner-div">
|
||||
<h3>ePaint - Painting Services Company Html Template</h3>
|
||||
<p>
|
||||
Thank you very much for purchase ePaint - Painting Services Company Html Template. We believe incoming up with original ideas and Branding.
|
||||
Always we love to work with latest technology. We strongly care about quality product and quality service.
|
||||
</p>
|
||||
<ul class="marketing-byline">
|
||||
<li>Created: 02/09/2022</li>
|
||||
<li>By: <a href="#">Satheme</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="file-structure" class="single-div">
|
||||
<div class="div-heading">
|
||||
<h3 class="title">File structure</h3>
|
||||
<p>
|
||||
Within the ePaint - Painting Services Company Html Template you’ll find the following directories and files, grouping common resources, as
|
||||
well as raw source file
|
||||
</p>
|
||||
</div>
|
||||
<div class="inner-div">
|
||||
<ul>
|
||||
<li>
|
||||
Toha/ - Source files
|
||||
<ul>
|
||||
<li>Scss/ - compiled CSS files</li>
|
||||
<li>images/ - image files</li>
|
||||
<li>js/ - JavaScript files</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>home.html/- home-page</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="general" class="single-div">
|
||||
<div class="div-heading">
|
||||
<h3 class="title">General settings for Every page</h3>
|
||||
</div>
|
||||
<div class="inner-div">
|
||||
<ul>
|
||||
<li>
|
||||
<h6>1. Change the title</h6>
|
||||
<code><title>ePaint - Painting Services Company Html Template</title></code>
|
||||
</li>
|
||||
<br />
|
||||
<li>
|
||||
<h6>2. Change the logo</h6>
|
||||
<img src="images/logo_change.jpg" alt="" />
|
||||
</li>
|
||||
<br />
|
||||
<li>
|
||||
<h6>3. Change google fonts in <strong>(style.scss)</strong></h6>
|
||||
<code>
|
||||
@import
|
||||
url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
|
||||
<br /><br />
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
|
||||
</code>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="navigation" class="single-div">
|
||||
<div class="div-heading">
|
||||
<h3 class="title">Navigation customization</h3>
|
||||
<p>Navigation's are inside 'navbar-nav' section. Change navigation with your own text for every page.</p>
|
||||
</div>
|
||||
<div class="inner-div">
|
||||
<ul>
|
||||
<li>
|
||||
<h6>1. Change / Add your nav items for primary menu</h6>
|
||||
<img src="images/navigation-html.jpg" alt="" />
|
||||
</li>
|
||||
<br />
|
||||
<br />
|
||||
<li>
|
||||
<h6>2. Navigation Js</h6>
|
||||
<img src="images/navigation-js.jpg" alt="" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="swiper-js" class="single-div">
|
||||
<div class="div-heading">
|
||||
<h3 class="title">Swiperjs customization</h3>
|
||||
</div>
|
||||
<div class="inner-div">
|
||||
<ul>
|
||||
<li>
|
||||
<h6>1. Swiperjs css</h6>
|
||||
<code> <link rel="stylesheet" href="assets/css/swiper-bundle.min.css"> </code>
|
||||
</li>
|
||||
<br />
|
||||
<br />
|
||||
<img src="images/testimonial-html.jpg" alt="" />
|
||||
|
||||
<li>
|
||||
<h6>2. Swiperjs js</h6>
|
||||
<code> <script src="assets/js/swiper-bundle.min.js"></script> </code>
|
||||
</li>
|
||||
<br />
|
||||
<li>
|
||||
<h6>3. Customize Swiperjs jQuery options <strong>(scripts.js)</strong></h6>
|
||||
<img src="images/testimonial-js.jpg" alt="" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="progress" class="single-div">
|
||||
<div class="div-heading">
|
||||
<h3 class="title">Skill customization</h3>
|
||||
</div>
|
||||
<div class="inner-div">
|
||||
<ul>
|
||||
<li>
|
||||
<h6>1. Skill css options <strong>(css)</strong></h6>
|
||||
<code> <link rel="stylesheet" href="assets/css/jquery.rprogessbar.min.css"> </code>
|
||||
<br />
|
||||
<br />
|
||||
<img src="images/skill-html.jpg" alt="" />
|
||||
</li>
|
||||
<br />
|
||||
<br />
|
||||
<li>
|
||||
<h6>2. Skill js options <strong>(js)</strong></h6>
|
||||
<code> <assets/js/jQuery.rProgressbar.min.js"></script> </code>
|
||||
</li>
|
||||
<br />
|
||||
<br />
|
||||
<img src="images/skill-js.jpg" alt="" />
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="fancy-box" class="single-div">
|
||||
<div class="div-heading">
|
||||
<h3 class="title">Fancy-box customization</h3>
|
||||
</div>
|
||||
<div class="inner-div">
|
||||
<ul>
|
||||
<li>
|
||||
<h6>1. Fancybox css options <strong>(css)</strong></h6>
|
||||
<code> <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css"> </code>
|
||||
<br />
|
||||
<br />
|
||||
<img src="images/fancy-html.jpg" alt="" />
|
||||
</li>
|
||||
<br />
|
||||
<br />
|
||||
<li>
|
||||
<h6>2. Fancybox js options <strong>(js)</strong></h6>
|
||||
<code> <script src="assets/js/jquery.fancybox.min.js"></script> </code>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="counter" class="single-div">
|
||||
<div class="div-heading">
|
||||
<h3 class="title">CounterUp customization</h3>
|
||||
</div>
|
||||
<div class="inner-div">
|
||||
<ul>
|
||||
<li>
|
||||
<h6>1. CounterUp Html options <strong>(html)</strong></h6>
|
||||
<br />
|
||||
<img src="images/counter-html.jpg" alt="" />
|
||||
</li>
|
||||
<br />
|
||||
<br />
|
||||
<li>
|
||||
<h6>2. CounterUp js options <strong>(js)</strong></h6>
|
||||
<code> <script src="assets/js/counterup.min.js"></script> </code>
|
||||
<br />
|
||||
<code> <script src="assets/js/jquery.waypoints.js"></script> </code>
|
||||
<br />
|
||||
<br />
|
||||
<img src="images/counter-js.jpg" alt="" />
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="others" class="single-div">
|
||||
<div class="div-heading">
|
||||
<h3 class="title">Third party CSS & JS list</h3>
|
||||
</div>
|
||||
<div class="inner-div">
|
||||
<ul>
|
||||
<li>
|
||||
<h6>Third party CSS</h6>
|
||||
<p>Note: You will find all third party CSS files in the <strong>'CSS' directory</strong></p>
|
||||
<ul>
|
||||
<li><link rel="stylesheet" href="assets/css/all.min.css"></li>
|
||||
<li><link rel="stylesheet" href="assets/css/bootstrap.min.css"></li>
|
||||
<li><link rel="stylesheet" href="assets/css/swiper-bundle.min.css"></li>
|
||||
<li><link rel="stylesheet" href="assets/css/jquery.rprogessbar.min.css"></li>
|
||||
<li><link rel="stylesheet" href="assets/css/jquery.fancybox.min.css"></li>
|
||||
<li><link rel="stylesheet" href="assets/scss/style.css"></li>
|
||||
</ul>
|
||||
</li>
|
||||
<br />
|
||||
<li>
|
||||
<h6>Third party JS</h6>
|
||||
<p>Note: You will find all third party JS files in the <strong>'JS' directory</strong></p>
|
||||
<ul>
|
||||
<li><script src="assets/js/jquery-3.6.0.min.js"></script></li>
|
||||
<li><script src="assets/js/popper.min.js"></script></li>
|
||||
<li><script src="assets/js/bootstrap.min.js"></script></li>
|
||||
<li><script src="assets/js/bootstrap.bundle.min.js"></script></li>
|
||||
<li><script src="assets/js/swiper-bundle.min.js"></script></li>
|
||||
<li><script src="assets/js/counterup.min.js"></script></li>
|
||||
<li><script src="assets/js/jquery.waypoints.js"></script></li>
|
||||
<li><script src="assets/js/jQuery.rProgressbar.min.js"></script></li>
|
||||
<li><script src="assets/js/jquery.fancybox.min.js"></script></li>
|
||||
<li><script src="assets/js/scripts.js"></script></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<p class="copytext">Copyright © 2022 by <a href="#">Satheme </a>. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- JavaScript -->
|
||||
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<script src="js/smooth-scroll.min.js"></script>
|
||||
<script src="js/scripts.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
/*!
|
||||
* Bootstrap v4.0.0 (https://getbootstrap.com)
|
||||
* Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","jquery","popper.js"],e):e(t.bootstrap={},t.jQuery,t.Popper)}(this,function(t,e,n){"use strict";function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function s(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function r(){return(r=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t}).apply(this,arguments)}e=e&&e.hasOwnProperty("default")?e.default:e,n=n&&n.hasOwnProperty("default")?n.default:n;var o,a,l,h,c,u,f,d,_,g,p,m,v,E,T,y,C,I,A,b,D,S,w,N,O,k,P=function(t){var e=!1;function n(e){var n=this,s=!1;return t(this).one(i.TRANSITION_END,function(){s=!0}),setTimeout(function(){s||i.triggerTransitionEnd(n)},e),this}var i={TRANSITION_END:"bsTransitionEnd",getUID:function(t){do{t+=~~(1e6*Math.random())}while(document.getElementById(t));return t},getSelectorFromElement:function(e){var n,i=e.getAttribute("data-target");i&&"#"!==i||(i=e.getAttribute("href")||""),"#"===i.charAt(0)&&(n=i,i=n="function"==typeof t.escapeSelector?t.escapeSelector(n).substr(1):n.replace(/(:|\.|\[|\]|,|=|@)/g,"\\$1"));try{return t(document).find(i).length>0?i:null}catch(t){return null}},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(n){t(n).trigger(e.end)},supportsTransitionEnd:function(){return Boolean(e)},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,n){for(var s in n)if(Object.prototype.hasOwnProperty.call(n,s)){var r=n[s],o=e[s],a=o&&i.isElement(o)?"element":(l=o,{}.toString.call(l).match(/\s([a-zA-Z]+)/)[1].toLowerCase());if(!new RegExp(r).test(a))throw new Error(t.toUpperCase()+': Option "'+s+'" provided type "'+a+'" but expected type "'+r+'".')}var l}};return e=("undefined"==typeof window||!window.QUnit)&&{end:"transitionend"},t.fn.emulateTransitionEnd=n,i.supportsTransitionEnd()&&(t.event.special[i.TRANSITION_END]={bindType:e.end,delegateType:e.end,handle:function(e){if(t(e.target).is(this))return e.handleObj.handler.apply(this,arguments)}}),i}(e),L=(a="alert",h="."+(l="bs.alert"),c=(o=e).fn[a],u={CLOSE:"close"+h,CLOSED:"closed"+h,CLICK_DATA_API:"click"+h+".data-api"},f="alert",d="fade",_="show",g=function(){function t(t){this._element=t}var e=t.prototype;return e.close=function(t){t=t||this._element;var e=this._getRootElement(t);this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},e.dispose=function(){o.removeData(this._element,l),this._element=null},e._getRootElement=function(t){var e=P.getSelectorFromElement(t),n=!1;return e&&(n=o(e)[0]),n||(n=o(t).closest("."+f)[0]),n},e._triggerCloseEvent=function(t){var e=o.Event(u.CLOSE);return o(t).trigger(e),e},e._removeElement=function(t){var e=this;o(t).removeClass(_),P.supportsTransitionEnd()&&o(t).hasClass(d)?o(t).one(P.TRANSITION_END,function(n){return e._destroyElement(t,n)}).emulateTransitionEnd(150):this._destroyElement(t)},e._destroyElement=function(t){o(t).detach().trigger(u.CLOSED).remove()},t._jQueryInterface=function(e){return this.each(function(){var n=o(this),i=n.data(l);i||(i=new t(this),n.data(l,i)),"close"===e&&i[e](this)})},t._handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},s(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),o(document).on(u.CLICK_DATA_API,'[data-dismiss="alert"]',g._handleDismiss(new g)),o.fn[a]=g._jQueryInterface,o.fn[a].Constructor=g,o.fn[a].noConflict=function(){return o.fn[a]=c,g._jQueryInterface},g),R=(m="button",E="."+(v="bs.button"),T=".data-api",y=(p=e).fn[m],C="active",I="btn",A="focus",b='[data-toggle^="button"]',D='[data-toggle="buttons"]',S="input",w=".active",N=".btn",O={CLICK_DATA_API:"click"+E+T,FOCUS_BLUR_DATA_API:"focus"+E+T+" blur"+E+T},k=function(){function t(t){this._element=t}var e=t.prototype;return e.toggle=function(){var t=!0,e=!0,n=p(this._element).closest(D)[0];if(n){var i=p(this._element).find(S)[0];if(i){if("radio"===i.type)if(i.checked&&p(this._element).hasClass(C))t=!1;else{var s=p(n).find(w)[0];s&&p(s).removeClass(C)}if(t){if(i.hasAttribute("disabled")||n.hasAttribute("disabled")||i.classList.contains("disabled")||n.classList.contains("disabled"))return;i.checked=!p(this._element).hasClass(C),p(i).trigger("change")}i.focus(),e=!1}}e&&this._element.setAttribute("aria-pressed",!p(this._element).hasClass(C)),t&&p(this._element).toggleClass(C)},e.dispose=function(){p.removeData(this._element,v),this._element=null},t._jQueryInterface=function(e){return this.each(function(){var n=p(this).data(v);n||(n=new t(this),p(this).data(v,n)),"toggle"===e&&n[e]()})},s(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),p(document).on(O.CLICK_DATA_API,b,function(t){t.preventDefault();var e=t.target;p(e).hasClass(I)||(e=p(e).Line truncated
|
||||
//# sourceMappingURL=bootstrap.min.js.map
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
$(function () {
|
||||
var scroll = new SmoothScroll('a[href*="#"]');
|
||||
$(document).on('scroll', function () {
|
||||
$('.nav-sidebar nav').css({
|
||||
'position': 'fixed'
|
||||
});
|
||||
});
|
||||
});
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
/*! smooth-scroll v12.1.5 | (c) 2017 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/smooth-scroll */
|
||||
!(function (e, t) { "function" == typeof define && define.amd ? define([], (function () { return t(e) })) : "object" == typeof exports ? module.exports = t(e) : e.SmoothScroll = t(e) })("undefined" != typeof global ? global : "undefined" != typeof window ? window : this, (function (e) { "use strict"; var t = "querySelector" in document && "addEventListener" in e && "requestAnimationFrame" in e && "closest" in e.Element.prototype, n = { ignore: "[data-scroll-ignore]", header: null, speed: 500, offset: 0, easing: "easeInOutCubic", customEasing: null, before: function () { }, after: function () { } }, o = function () { for (var e = {}, t = 0, n = arguments.length; t < n; t++) { var o = arguments[t]; !(function (t) { for (var n in t) t.hasOwnProperty(n) && (e[n] = t[n]) })(o) } return e }, a = function (t) { return parseInt(e.getComputedStyle(t).height, 10) }, r = function (e) { "#" === e.charAt(0) && (e = e.substr(1)); for (var t, n = String(e), o = n.length, a = -1, r = "", i = n.charCodeAt(0); ++a < o;) { if (0 === (t = n.charCodeAt(a))) throw new InvalidCharacterError("Invalid character: the input contains U+0000."); t >= 1 && t <= 31 || 127 == t || 0 === a && t >= 48 && t <= 57 || 1 === a && t >= 48 && t <= 57 && 45 === i ? r += "\\" + t.toString(16) + " " : r += t >= 128 || 45 === t || 95 === t || t >= 48 && t <= 57 || t >= 65 && t <= 90 || t >= 97 && t <= 122 ? n.charAt(a) : "\\" + n.charAt(a) } return "#" + r }, i = function (e, t) { var n; return "easeInQuad" === e.easing && (n = t * t), "easeOutQuad" === e.easing && (n = t * (2 - t)), "easeInOutQuad" === e.easing && (n = t < .5 ? 2 * t * t : (4 - 2 * t) * t - 1), "easeInCubic" === e.easing && (n = t * t * t), "easeOutCubic" === e.easing && (n = --t * t * t + 1), "easeInOutCubic" === e.easing && (n = t < .5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1), "easeInQuart" === e.easing && (n = t * t * t * t), "easeOutQuart" === e.easing && (n = 1 - --t * t * t * t), "easeInOutQuart" === e.easing && (n = t < .5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t), "easeInQuint" === e.easing && (n = t * t * t * t * t), "easeOutQuint" === e.easing && (n = 1 + --t * t * t * t * t), "easeInOutQuint" === e.easing && (n = t < .5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t), e.customEasing && (n = e.customEasing(t)), n || t }, u = function () { return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight) }, c = function (e, t, n) { var o = 0; if (e.offsetParent) do { o += e.offsetTop, e = e.offsetParent } while (e); return o = Math.max(o - t - n, 0) }, s = function (e) { return e ? a(e) + e.offsetTop : 0 }, l = function (t, n, o) { o || (t.focus(), document.activeElement.id !== t.id && (t.setAttribute("tabindex", "-1"), t.focus(), t.style.outline = "none"), e.scrollTo(0, n)) }, f = function (t) { return !!("matchMedia" in e && e.matchMedia("(prefers-reduced-motion)").matches) }; return function (a, d) { var m, h, g, p, v, b, y, S = {}; S.cancelScroll = function () { cancelAnimationFrame(y) }, S.animateScroll = function (t, a, r) { var f = o(m || n, r || {}), d = "[object Number]" === Object.prototype.toString.call(t), h = d || !t.tagName ? null : t; if (d || h) { var g = e.pageYOffset; f.header && !p && (p = document.querySelector(f.header)), v || (v = s(p)); var b, y, E, I = d ? t : c(h, v, parseInt("function" == typeof f.offset ? f.offset() : f.offset, 10)), O = I - g, A = u(), C = 0, w = function (n, o) { var r = e.pageYOffset; if (n == o || r == o || (g < o && e.innerHeight + r) >= A) return S.cancelScroll(), l(t, o, d), f.after(t, a), b = null, !0 }, Q = function (t) { b || (b = t), C += t - b, y = C / parseInt(f.speed, 10), y = y > 1 ? 1 : y, E = g + O * i(f, y), e.scrollTo(0, Math.floor(E)), w(E, I) || (e.requestAnimationFrame(Q), b = t) }; 0 === e.pageYOffset && e.scrollTo(0, 0), f.before(t, a), S.cancelScroll(), e.requestAnimationFrame(Q) } }; var E = function (e) { h && (h.id = h.getAttribute("data-scroll-id"), S.animateScroll(h, g), h = null, g = null) }, I = function (t) { if (!f() && 0 === t.button && !t.metaKey && !t.ctrlKey && (g = t.target.closest(a)) && "a" === g.tagName.toLowerCase() && !t.target.closest(m.ignore) && g.hostname === e.location.hostname && g.pathname === e.location.pathname && /#/.test(g.href)) { var n; try { n = r(decodeURIComponent(g.hash)) } catch (e) { n = r(g.hash) } if ("#" === n) { t.preventDefault(), h = document.body; var o = h.id ? h.id : "smooth-scroll-top"; return h.setAttribute("data-scroll-id", o), h.id = "", void (e.location.hash.substring(1) === o ? E() : e.location.hash = o) } h = document.querySelector(n), h && (h.setAttribute("data-scroll-id", h.id), h.id = "", g.hash === e.location.hash && (t.preventDefault(), E())) } }, O = function (e) { b || (b = setTimeout((function () { b = null, v = s(p) }), 66)) }; return S.destroy = function () { m &Line truncated
|
||||
+90
@@ -0,0 +1,90 @@
|
||||
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600");
|
||||
|
||||
body {
|
||||
font-family: "Nunito", sans-serif;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.header {
|
||||
background-color: #fff;
|
||||
/* background-color: #1e1d2b; */
|
||||
padding: 20px 0;
|
||||
box-shadow: 0px 5px 30px rgba(189, 189, 189, 0.5);
|
||||
}
|
||||
.header h1 a {
|
||||
color: #0abc9c;
|
||||
}
|
||||
.header h1 a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.header p {
|
||||
color: #1e1d2b;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.logo {
|
||||
max-width: 100px;
|
||||
display: block;
|
||||
}
|
||||
.nav-sidebar nav {
|
||||
position: relative;
|
||||
}
|
||||
.nav-sidebar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.nav-sidebar li {
|
||||
display: block;
|
||||
}
|
||||
.nav-sidebar a {
|
||||
color: #111;
|
||||
display: block;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.main-content {
|
||||
position: relative;
|
||||
padding: 60px 0;
|
||||
}
|
||||
.single-div {
|
||||
border-bottom: 1px solid #ddd;
|
||||
padding-bottom: 30px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.single-div h3 {
|
||||
font-size: 26px;
|
||||
margin-bottom: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.inner-div ul li {
|
||||
padding: 2px 0;
|
||||
}
|
||||
.inner-div ul li > ul {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.single-div h3,
|
||||
.nav-title {
|
||||
position: relative;
|
||||
padding-bottom: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.single-div h3::after,
|
||||
.nav-title::after {
|
||||
content: "";
|
||||
background: #d92128;
|
||||
width: 40px;
|
||||
height: 3px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
.footer {
|
||||
background-color: #343a40;
|
||||
padding: 30px 0;
|
||||
}
|
||||
.footer p {
|
||||
margin-bottom: 0;
|
||||
color: #fff;
|
||||
}
|
||||
Reference in new issue
Block a user