Browse Source

Move ww into root.

tags/0.1.0^2
Bèr Kessels 2 years ago
parent
commit
b8da9f9cea
68 changed files with 0 additions and 2026 deletions
  1. 0
    5
      Documentation/css/bootstrap.min.css
  2. 0
    1632
      Documentation/css/docs.css
  3. 0
    110
      Documentation/css/main.css
  4. 0
    256
      Documentation/index.html
  5. 0
    7
      Documentation/js/bootstrap.min.js
  6. 0
    12
      Documentation/js/main.js
  7. 0
    0
      css/animate.min.css
  8. 0
    0
      css/bootstrap.min.css
  9. 0
    0
      css/font-awesome.min.css
  10. 0
    0
      css/linearicons.css
  11. 0
    0
      css/magnific-popup.css
  12. 0
    0
      css/main-color1.css
  13. 0
    0
      css/main-color2.css
  14. 0
    0
      css/main-color3.css
  15. 0
    0
      css/main-color4.css
  16. 0
    0
      css/main-color5.css
  17. 0
    0
      css/main-color6.css
  18. 0
    0
      css/owl.carousel.min.css
  19. 0
    0
      fonts/FontAwesome.otf
  20. 0
    0
      fonts/Linearicons-Free.eot
  21. 0
    0
      fonts/Linearicons-Free.svg
  22. 0
    0
      fonts/Linearicons-Free.ttf
  23. 0
    0
      fonts/Linearicons-Free.woff
  24. 0
    0
      fonts/Linearicons-Free.woff2
  25. 0
    0
      fonts/fontawesome-webfont.eot
  26. 0
    0
      fonts/fontawesome-webfont.svg
  27. 0
    0
      fonts/fontawesome-webfont.ttf
  28. 0
    0
      fonts/fontawesome-webfont.woff
  29. 0
    0
      fonts/fontawesome-webfont.woff2
  30. 0
    0
      fonts/glyphicons-halflings-regular.eot
  31. 0
    0
      fonts/glyphicons-halflings-regular.svg
  32. 0
    0
      fonts/glyphicons-halflings-regular.ttf
  33. 0
    0
      fonts/glyphicons-halflings-regular.woff
  34. 0
    0
      fonts/glyphicons-halflings-regular.woff2
  35. 0
    0
      icon/apple-touch-icon-114x114.png
  36. 0
    0
      icon/apple-touch-icon-144x144.png
  37. 0
    0
      icon/apple-touch-icon-72x72.png
  38. 0
    0
      icon/favicon-32x32.png
  39. 0
    0
      img/about/angle.png
  40. 0
    0
      img/about/angle2.png
  41. 0
    0
      img/about/arrow.png
  42. 0
    0
      img/about/wave.png
  43. 0
    0
      img/blog/article.jpg
  44. 0
    0
      img/home/slide.jpg
  45. 0
    0
      img/logo--dark.png
  46. 0
    0
      img/logo.png
  47. 0
    0
      img/partners/partner.png
  48. 0
    0
      img/section-bg/section-bg1.jpg
  49. 0
    0
      img/team/member.png
  50. 0
    0
      img/team/team__bg--grey.png
  51. 0
    0
      img/team/team__bg--white.png
  52. 0
    0
      index1.html
  53. 0
    0
      index2.html
  54. 0
    0
      index3.html
  55. 0
    0
      index4.html
  56. 0
    0
      js/bootstrap.min.js
  57. 0
    0
      js/imagesloaded.pkgd.min.js
  58. 0
    0
      js/jquery-2.2.4.min.js
  59. 0
    0
      js/jquery.counterup.min.js
  60. 0
    0
      js/jquery.magnific-popup.min.js
  61. 0
    0
      js/jquery.marquee.min.js
  62. 0
    0
      js/jquery.parallax.min.js
  63. 0
    0
      js/jquery.waypoints.min.js
  64. 0
    0
      js/main.js
  65. 0
    0
      js/owl.carousel.min.js
  66. 0
    0
      js/scrolla.jquery.min.js
  67. 0
    0
      js/smooth-scroll.min.js
  68. 0
    4
      www/js/jquery-2.2.4.min.js

+ 0
- 5
Documentation/css/bootstrap.min.css
File diff suppressed because it is too large
View File


+ 0
- 1632
Documentation/css/docs.css
File diff suppressed because it is too large
View File


+ 0
- 110
Documentation/css/main.css View File

@@ -1,110 +0,0 @@
@import url("https://fonts.googleapis.com/css?family=Roboto:500,400,300,700");

html,
body {
height: 100%;
}
body {
position: relative;
font-family: 'Roboto', sans-serif;
font-weight: 400;
-webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
a:hover,
a:active,
a:focus {
outline: none;
text-decoration: none;
}
/* Sidebar */
.sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: block;
overflow-x: hidden;
overflow-y: auto;
background-color: #f5f5f5;
}
.sidebar ul {
list-style: none;
padding: 0;
margin-top: 20px;
}
.sidebar ul li a {
display: block;
line-height: 36px;
padding: 0 20px;
font-size: 18px;
color: #aaa;
}
.sidebar ul li a:hover,
.sidebar ul li.active a {
color: #333;
background-color: #eee;
}
/* Title */
.title {
background-color: #f5f5f5;
padding: 30px 50px;
}
.title h1 {
font-size: 52px;
line-height: 100%;
font-weight: 400;
color: rgba(0,0,0,.75);
}
.title p {
font-size: 18px;
color: #aaa;
font-weight: 300;
border-bottom: 1px solid #eee;
padding: 20px 0 10px;
margin-bottom: 30px;
}
.title span {
display: block;
}
h2 {
font-weight: 400;
margin-bottom: 20px;
}
p,
li {
font-size: 16px;
}
img {
margin-bottom: 10px;
}
.content div {
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.started ul {
list-style: decimal;
}
.credits ul {
list-style: decimal;
}
pre {
padding: 20px;
}
@media only screen and (max-width: 767px) {
.sidebar {
height: 150px;
}
.content {
margin-top: 160px;
}
}

+ 0
- 256
Documentation/index.html View File

@@ -1,256 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>BuyCoin Documentation</title>
<meta name="description" content="Documentation">
<meta charset="utf-8">
<meta name="author" content="Dmitry Volkov">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!-- Custom styles for this template -->
<link rel="stylesheet" href="css/main.css">
</head>
<body data-spy="scroll" data-target=".scroll_bar">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-3 sidebar">
<nav class="scroll_bar">
<ul class="nav">
<li><a href="#started">Getting Started</a></li>
<li><a href="#structure">HTML structure</a></li>
<li><a href="#logo">Logotype</a></li>
<li><a href="#home">Home section</a></li>
<li><a href="#about">About section</a></li>
<li><a href="#section">Sections</a></li>
<li><a href="#scheme">Color Scheme</a></li>
<li><a href="#animation">Animation</a></li>
<li><a href="#credits">Credits</a></li>
<li><a href="#support">Support</a></li>
</ul>
</nav>
</div>


<div class="col-xs-12 col-sm-9 col-sm-offset-3 content">
<div class="title">
<h1>BuyCoin Documentation</h1>
<p>Hello! Thank you for purchasing!</p>
<span>Created: 16/12/2017</span>
<span>By: <a href="https://themeforest.net/user/dmitryvolkov">Dmitry Volkov</a></span>
<span>Email: <a href="mailto:dmitry.volkov.vetrov@gmail.com">dmitry.volkov.vetrov@gmail.com</a></span>
</div>

<div id="started" class="started">
<h2>Getting Started</h2>
<p>Unzip the archive and find out the folder www. There are all the template files in this folder. You can open the following files for viewing in browser.</p>
<ul>
<li><strong>/css</strong> — folder with css files.</li>
<li><strong>/fonts</strong> — folder with icon fonts.</li>
<li><strong>/icon</strong> — folder with favicons.</li>
<li><strong>/img</strong> — folder with image files.</li>
<li><strong>/js</strong> — folder with javascript files. <br> <br></li>
<li><strong>index1.html</strong> — landing page style 1.</li>
<li><strong>index2.html</strong> — landing page style 2.</li>
<li><strong>index3.html</strong> — landing page style 3.</li>
<li><strong>index4.html</strong> — landing page style 4.</li>
</ul>
<p>Upload the template files (inside the folder www) to server with the help of one of the FTP-clients.</p>
</div>

<div id="structure">
<h2>HTML structure</h2>
<p>In my theme I use Bootstrap grid, if you don't know how to use it, <a href="https://getbootstrap.com/docs/3.3/css/#grid">here</a> is a detailed information on its use.</p>
<p>The standard section has the following HTML structure:</p>
<pre>
&lt;section class="section"&gt;
&lt;div class="container"&gt;
&lt;div class="row"&gt;

&lt;div class="col-xs-12"&gt;
&lt;h2 class="section__title"&gt;BuyCoin Template&lt;/h2&gt;
&lt;span class="section__tagline"&gt;Excellent for your business&lt;/span&gt;
&lt;/div&gt;

&lt;div class="col-xs-12 col-sm-6 col-md-4"&gt;
&lt;div class="box2"&gt;
&lt;span class="lnr lnr-diamond box2__icon"&gt;&lt;/span&gt;
&lt;h3 class="box2__title"&gt;Modern Design&lt;/h3&gt;
&lt;p class="box2__text"&gt;If you are going to use a passage of Lorem Ipsum.&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;/div&gt;
&lt;/section&gt;
</pre>
</div>

<div id="logo" class="logo">
<h2>Logotype</h2>
<p>To change white logotype, find image <strong>img/logo.png</strong> and replace it with your logo.</p>
<p>To change dark logotype, find image <strong>img/logo--dark.png</strong> and replace it with your logo.</p>
</div>

<div id="home" class="home">
<h2>Home</h2>
<p><strong>Slider</strong></p>
<p>To change the slider image, open HTML file and replace the value of <code>data-bg</code> attribute of this construction:</p>
<pre>
&lt;section id="home" class="home"&gt;
&lt;div class="owl-carousel home__slider"&gt;
&lt;div class="item" data-bg="img/home/slide.jpg"&gt;&lt;/div&gt;
...
&lt;/div&gt;
&lt;/section&gt;
</pre>
<br>
<p><strong>Parallax</strong></p>
<p>To change the background image, open HTML file and replace the value of <code>data-image-src</code> attribute of this construction:</p>
<pre>
&lt;section id="home" class="home" data-parallax="scroll" data-image-src="img/home/slide.jpg"&gt;
&lt;div class="container"&gt;
...
&lt;/div&gt;
&lt;/section&gt;
</pre>
<br>
<p><strong>Static</strong></p>
<p>To change the background image, open HTML file and replace the value of <code>data-bg</code> attribute of this construction:</p>
<pre>
&lt;section id="home" class="home section--bg" data-bg="img/home/slide.jpg"&gt;
&lt;div class="container"&gt;
...
&lt;/div&gt;
&lt;/section&gt;
</pre>
</div>

<div id="about" class="about">
<h2>About</h2>
<p>To change section style, open HTML file and replace modification class on any of the following:</p>
<ul>
<li>about--wave</li>
<li>about--arrow</li>
<li>about--angle</li>
<li>about--angle2</li>
</ul>
<p>For example the about section with "arrow" style:</p>
<pre>
&lt;section id="about" class="about about--arrow section--gradient"&gt;
&lt;div class="container"&gt;
...
&lt;/div&gt;
&lt;/section&gt;
</pre>
</div>

<div id="section" class="section">
<h2>Sections</h2>
<p>By default section have white background color, but you may change style:</p>

<p><strong>section--grey</strong> – grey background color</p>
<pre>
&lt;section class="section section--grey"&gt;
&lt;div class="container"&gt;
...
&lt;/div&gt;
&lt;/section&gt;
</pre>
<br>
<p><strong>section--gradient</strong> – gradient background</p>
<pre>
&lt;section class="section section--gradient"&gt;
&lt;div class="container"&gt;
...
&lt;/div&gt;
&lt;/section&gt;
</pre>
<br>
<p><strong>section--pt0</strong> – section without an upper indent</p>
<pre>
&lt;section class="section section--pt0"&gt;
&lt;div class="container"&gt;
...
&lt;/div&gt;
&lt;/section&gt;
</pre>

<br>
<p><strong>section--bg</strong> – section with static background image</p>
<pre>
&lt;section class="section section--bg" data-bg="img/section-bg/section-bg1.jpg"&gt;
&lt;div class="container"&gt;
...
&lt;/div&gt;
&lt;/section&gt;
</pre>
<br>
<p>section with parallax image</p>
<pre>
&lt;section class="section" data-src="img/section-bg/section-bg1.jpg" data-parallax&gt;
&lt;div class="container"&gt;
...
&lt;/div&gt;
&lt;/section&gt;
</pre>
</div>

<div id="scheme" class="scheme">
<h2>Color Scheme</h2>
<p>To change color scheme, open HTML file and replace the value of <code>href</code> attribute</p>
<pre>
&lt;link rel="stylesheet" href="css/main-color1.css"&gt;
</pre>
<p>on any available (main-color1, main-color2, main-color3, main-color4, main-color5 or main-color6).</p>
</div>

<div id="animation" class="animation">
<h2>Animation</h2>
<p>If you want to use appear inimation for some element, you need to add class <code>animate</code> to this element and set data attribute like this:</p>
<pre>
&lt;div class="col-xs-12 animate" data-animate="fadeIn" data-duration="1.0s" data-delay="0.5s"&gt;
...
&lt;/div&gt;
</pre>
<p>The full list of appear animation effects you can find here – <a href="http://daneden.github.io/animate.css/">Animate CSS</a></p>
</div>

<div id="credits" class="credits">
<h2>Credits</h2>
<ul>
<li><a href="http://jquery.com/">jQuery</a></li>
<li><a href="http://getbootstrap.com/">Bootstrap</a></li>
<li><a href="https://owlcarousel2.github.io/OwlCarousel2/">Owl Carousel</a></li>
<li><a href="http://dimsemenov.com/plugins/magnific-popup/">Magnific Popup</a></li>
<li><a href="http://aamirafridi.com/jquery/jquery-marquee-plugin">Marquee</a></li>
<li><a href="https://github.com/pixelcog/parallax.js/tree/v2.0.0-alpha">Parallax Scrolling</a></li>
<li><a href="http://imagesloaded.desandro.com/">imagesLoaded</a></li>
<li><a href="https://github.com/maximzhurkin/jquery-scrolla">Scrolla</a></li>
<li><a href="https://github.com/cferdinandi/smooth-scroll">Smooth scroll</a></li>
<li><a href="http://daneden.github.io/animate.css/">Animate CSS</a></li>
<li><a href="https://linearicons.com/free">Linear icons</a></li>
<li><a href="http://fontawesome.io/">Font Awesome</a></li>
<li><a href="https://github.com/imakewebthings/waypoints">Waypoints</a></li>
<li><a href="https://github.com/ciromattia/jquery.counterup">Counterup</a></li>
</ul>
</div>

<div id="support" class="support">
<h2>Support</h2>
<p>If you have any questions, feel free to contact me at <a href="mailto:dmitry.volkov.vetrov@gmail.com">dmitry.volkov.vetrov@gmail.com</a>.</p>
</div>
</div>
</div>
</div>

<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>

+ 0
- 7
Documentation/js/bootstrap.min.js
File diff suppressed because it is too large
View File


+ 0
- 12
Documentation/js/main.js View File

@@ -1,12 +0,0 @@
$(document).ready(function () {

$('body').scrollspy({ target: '.scroll_bar' });

$(function(){
$('a[href^="#"]').click(function(){
var target = $(this).attr('href');
$('html, body').animate({scrollTop: $(target).offset().top}, 500);
return false;
});
});
});

www/css/animate.min.css → css/animate.min.css View File


www/css/bootstrap.min.css → css/bootstrap.min.css View File


www/css/font-awesome.min.css → css/font-awesome.min.css View File


www/css/linearicons.css → css/linearicons.css View File


www/css/magnific-popup.css → css/magnific-popup.css View File


www/css/main-color1.css → css/main-color1.css View File


www/css/main-color2.css → css/main-color2.css View File


www/css/main-color3.css → css/main-color3.css View File


www/css/main-color4.css → css/main-color4.css View File


www/css/main-color5.css → css/main-color5.css View File


www/css/main-color6.css → css/main-color6.css View File


www/css/owl.carousel.min.css → css/owl.carousel.min.css View File


www/fonts/FontAwesome.otf → fonts/FontAwesome.otf View File


www/fonts/Linearicons-Free.eot → fonts/Linearicons-Free.eot View File


www/fonts/Linearicons-Free.svg → fonts/Linearicons-Free.svg View File


www/fonts/Linearicons-Free.ttf → fonts/Linearicons-Free.ttf View File


www/fonts/Linearicons-Free.woff → fonts/Linearicons-Free.woff View File


www/fonts/Linearicons-Free.woff2 → fonts/Linearicons-Free.woff2 View File


www/fonts/fontawesome-webfont.eot → fonts/fontawesome-webfont.eot View File


www/fonts/fontawesome-webfont.svg → fonts/fontawesome-webfont.svg View File


www/fonts/fontawesome-webfont.ttf → fonts/fontawesome-webfont.ttf View File


www/fonts/fontawesome-webfont.woff → fonts/fontawesome-webfont.woff View File


www/fonts/fontawesome-webfont.woff2 → fonts/fontawesome-webfont.woff2 View File


www/fonts/glyphicons-halflings-regular.eot → fonts/glyphicons-halflings-regular.eot View File


www/fonts/glyphicons-halflings-regular.svg → fonts/glyphicons-halflings-regular.svg View File


www/fonts/glyphicons-halflings-regular.ttf → fonts/glyphicons-halflings-regular.ttf View File


www/fonts/glyphicons-halflings-regular.woff → fonts/glyphicons-halflings-regular.woff View File


www/fonts/glyphicons-halflings-regular.woff2 → fonts/glyphicons-halflings-regular.woff2 View File


www/icon/apple-touch-icon-114x114.png → icon/apple-touch-icon-114x114.png View File


www/icon/apple-touch-icon-144x144.png → icon/apple-touch-icon-144x144.png View File


www/icon/apple-touch-icon-72x72.png → icon/apple-touch-icon-72x72.png View File


www/icon/favicon-32x32.png → icon/favicon-32x32.png View File


www/img/about/angle.png → img/about/angle.png View File


www/img/about/angle2.png → img/about/angle2.png View File


www/img/about/arrow.png → img/about/arrow.png View File


www/img/about/wave.png → img/about/wave.png View File


www/img/blog/article.jpg → img/blog/article.jpg View File


www/img/home/slide.jpg → img/home/slide.jpg View File


www/img/logo--dark.png → img/logo--dark.png View File


www/img/logo.png → img/logo.png View File


www/img/partners/partner.png → img/partners/partner.png View File


www/img/section-bg/section-bg1.jpg → img/section-bg/section-bg1.jpg View File


www/img/team/member.png → img/team/member.png View File


www/img/team/team__bg--grey.png → img/team/team__bg--grey.png View File


www/img/team/team__bg--white.png → img/team/team__bg--white.png View File


www/index1.html → index1.html View File


www/index2.html → index2.html View File


www/index3.html → index3.html View File


www/index4.html → index4.html View File


www/js/bootstrap.min.js → js/bootstrap.min.js View File


www/js/imagesloaded.pkgd.min.js → js/imagesloaded.pkgd.min.js View File


Documentation/js/jquery-2.2.4.min.js → js/jquery-2.2.4.min.js View File


www/js/jquery.counterup.min.js → js/jquery.counterup.min.js View File


www/js/jquery.magnific-popup.min.js → js/jquery.magnific-popup.min.js View File


www/js/jquery.marquee.min.js → js/jquery.marquee.min.js View File


www/js/jquery.parallax.min.js → js/jquery.parallax.min.js View File


www/js/jquery.waypoints.min.js → js/jquery.waypoints.min.js View File


www/js/main.js → js/main.js View File


www/js/owl.carousel.min.js → js/owl.carousel.min.js View File


www/js/scrolla.jquery.min.js → js/scrolla.jquery.min.js View File


www/js/smooth-scroll.min.js → js/smooth-scroll.min.js View File


+ 0
- 4
www/js/jquery-2.2.4.min.js
File diff suppressed because it is too large
View File


Loading…
Cancel
Save