diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..0c3e5ab
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+_site/
+.sass-cache/
diff --git a/LICENCE b/LICENCE
new file mode 100644
index 0000000..6f27309
--- /dev/null
+++ b/LICENCE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Felix Volny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
\ No newline at end of file
diff --git a/LICENSE b/NOTICE
similarity index 100%
rename from LICENSE
rename to NOTICE
diff --git a/README.md b/README.md
index 8879309..e69de29 100644
--- a/README.md
+++ b/README.md
@@ -1,26 +0,0 @@
-# [Start Bootstrap](http://startbootstrap.com/) - [Creative](http://startbootstrap.com/template-overviews/creative/)
-
-[Creative](http://startbootstrap.com/template-overviews/creative/) is a one page creative theme for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/).
-
-## Getting Started
-
-To use this theme, choose one of the following options to get started:
-* Download the latest release on Start Bootstrap
-* Fork this repository on GitHub
-
-## Bugs and Issues
-
-Have a bug or an issue with this theme? [Open a new issue](https://github.com/IronSummitMedia/startbootstrap-creative/issues) here on GitHub or leave a comment on the [template overview page at Start Bootstrap](http://startbootstrap.com/template-overviews/creative/).
-
-## Creator
-
-Start Bootstrap was created by and is maintained by **David Miller**, Managing Partner at [Iron Summit Media Strategies](http://www.ironsummitmedia.com/).
-
-* https://twitter.com/davidmillerskt
-* https://github.com/davidtmiller
-
-Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
-
-## Copyright and License
-
-Copyright 2013-2015 Iron Summit Media Strategies, LLC. Code released under the [Apache 2.0](https://github.com/IronSummitMedia/startbootstrap-creative/blob/gh-pages/LICENSE) license.
\ No newline at end of file
diff --git a/_includes/aside.html b/_includes/aside.html
new file mode 100644
index 0000000..ee5c4ed
--- /dev/null
+++ b/_includes/aside.html
@@ -0,0 +1,8 @@
+
diff --git a/_includes/call-to-action.html b/_includes/call-to-action.html
new file mode 100644
index 0000000..852e5b6
--- /dev/null
+++ b/_includes/call-to-action.html
@@ -0,0 +1,12 @@
+
+
+
+
+
We've got what you need!
+
+
Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!
+
Get Started!
+
+
+
+
diff --git a/_includes/contact.html b/_includes/contact.html
new file mode 100644
index 0000000..da501c5
--- /dev/null
+++ b/_includes/contact.html
@@ -0,0 +1,19 @@
+
diff --git a/_includes/head.html b/_includes/head.html
new file mode 100644
index 0000000..744c6f1
--- /dev/null
+++ b/_includes/head.html
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+ Creative - Start Bootstrap Theme
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..adaad5b
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,10 @@
+
diff --git a/_includes/nav.html b/_includes/nav.html
new file mode 100644
index 0000000..c6fd5b7
--- /dev/null
+++ b/_includes/nav.html
@@ -0,0 +1,34 @@
+
+
+
+
diff --git a/_includes/portfolio.html b/_includes/portfolio.html
new file mode 100644
index 0000000..dc97fa0
--- /dev/null
+++ b/_includes/portfolio.html
@@ -0,0 +1,96 @@
+
diff --git a/_includes/scripts.html b/_includes/scripts.html
new file mode 100644
index 0000000..4e9635e
--- /dev/null
+++ b/_includes/scripts.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_includes/services.html b/_includes/services.html
new file mode 100644
index 0000000..b2f619f
--- /dev/null
+++ b/_includes/services.html
@@ -0,0 +1,42 @@
+
+
+
+
+
At Your Service
+
+
+
+
+
+
+
+
+
+
Sturdy Templates
+
Our templates are updated regularly so they don't break.
+
+
+
+
+
+
Ready to Ship
+
You can use this theme as is, or you can make changes!
+
+
+
+
+
+
Up to Date
+
We update dependencies to keep things fresh.
+
+
+
+
+
+
Made with Love
+
You have to make your websites with love these days!
+
+
+
+
+
diff --git a/_layouts/front.html b/_layouts/front.html
new file mode 100644
index 0000000..5b613fb
--- /dev/null
+++ b/_layouts/front.html
@@ -0,0 +1,14 @@
+
+
+
+{% include head.html %}
+{% include nav.html %}
+{% include header.html %}
+{% include call-to-action.html %}
+{% include services.html %}
+{% include portfolio.html %}
+{% include aside.html %}
+{% include contact.html %}
+{% include scripts.html %}
+
+
\ No newline at end of file
diff --git a/less/creative.less b/_sass/_base.scss
old mode 100644
new mode 100755
similarity index 81%
rename from less/creative.less
rename to _sass/_base.scss
index 6751ea8..84572ac
--- a/less/creative.less
+++ b/_sass/_base.scss
@@ -1,7 +1,3 @@
-@import "variables.less";
-@import "mixins.less";
-
-// Global Components
html,
body {
height: 100%;
@@ -9,11 +5,11 @@ body {
}
body {
- .serif-font;
+ @include serif-font;
}
hr {
- border-color: @theme-primary;
+ border-color: $theme-primary;
border-width: 3px;
max-width: 50px;
}
@@ -23,11 +19,11 @@ hr.light {
}
a {
- .transition-all;
- color: @theme-primary;
+ @include transition-all;
+ color: $theme-primary;
&:hover,
&:focus {
- color: darken(@theme-primary, 10%);
+ color: darken($theme-primary, 10%);
}
}
@@ -37,7 +33,7 @@ h3,
h4,
h5,
h6 {
- .sans-serif-font;
+ @include sans-serif-font;
}
p {
@@ -47,11 +43,11 @@ p {
}
.bg-primary {
- background-color: @theme-primary;
+ background-color: $theme-primary;
}
.bg-dark {
- background-color: @theme-dark;
+ background-color: $theme-dark;
color: white;
}
@@ -75,17 +71,17 @@ aside {
.navbar-default {
background-color: white;
- border-color: fade(@theme-dark, 5%);
- .sans-serif-font;
- .transition-all;
+ border-color: fade($theme-dark, 5%);
+ @include sans-serif-font;
+ @include transition-all;
.navbar-header .navbar-brand {
- color: @theme-primary;
- .sans-serif-font;
+ color: $theme-primary;
+ @include sans-serif-font;
font-weight: 700;
text-transform: uppercase;
&:hover,
&:focus {
- color: darken(@theme-primary, 10%);
+ color: darken($theme-primary, 10%);
}
}
.nav {
@@ -95,15 +91,15 @@ aside {
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
- color: @theme-dark;
+ color: $theme-dark;
&:hover {
- color: @theme-primary;
+ color: $theme-primary;
}
}
&.active {
> a,
> a:focus {
- color: @theme-primary !important;
+ color: $theme-primary !important;
background-color: transparent;
&:hover {
background-color: transparent;
@@ -131,20 +127,20 @@ aside {
}
&.affix {
background-color: white;
- border-color: fade(@theme-dark, 5%);
+ border-color: fade($theme-dark, 5%);
.navbar-header .navbar-brand {
- color: @theme-primary;
+ color: $theme-primary;
font-size: 14px;
&:hover,
&:focus {
- color: darken(@theme-primary, 10%);
+ color: darken($theme-primary, 10%);
}
}
.nav > li > a,
.nav > li > a:focus {
- color: @theme-dark;
+ color: $theme-dark;
&:hover {
- color: @theme-primary;
+ color: $theme-primary;
}
}
}
@@ -157,7 +153,7 @@ header {
position: relative;
width: 100%;
min-height: auto;
- .background-cover;
+ @include background-cover;
background-position: center;
background-image: url('../img/header.jpg');
text-align: center;
@@ -235,13 +231,13 @@ header {
color: white;
opacity: 0;
display: block;
- background: fade(@theme-primary, 90%);
+ background: fade($theme-primary, 90%);
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
height: 100%;
- .transition-all;
+ @include transition-all;
.portfolio-box-caption-content {
width: 100%;
text-align: center;
@@ -250,7 +246,7 @@ header {
transform: translateY(-50%);
.project-category,
.project-name {
- .sans-serif-font;
+ @include sans-serif-font;
padding: 0 15px;
}
.project-category {
@@ -290,7 +286,7 @@ header {
// Bootstrap Overrides
.text-primary {
- color: @theme-primary;
+ color: $theme-primary;
}
.no-gutter > [class*='col-'] {
@@ -300,15 +296,15 @@ header {
// Button Styles
.btn-default {
- .button-variant(@theme-dark;white;white);
+ @include button-variant($theme-dark, white, white);
}
.btn-primary {
- .button-variant(white;@theme-primary;@theme-primary);
+ @include button-variant(white, $theme-primary, $theme-primary);
}
.btn {
- .sans-serif-font;
+ @include sans-serif-font;
border: none;
border-radius: 300px;
font-weight: 700;
@@ -324,13 +320,13 @@ header {
::-moz-selection {
color: white;
text-shadow: none;
- background: @theme-dark;
+ background: $theme-dark;
}
::selection {
color: white;
text-shadow: none;
- background: @theme-dark;
+ background: $theme-dark;
}
img::selection {
@@ -344,5 +340,5 @@ img::-moz-selection {
}
body {
- webkit-tap-highlight-color: @theme-dark;
+ -webkit-tap-highlight-color: $theme-dark;
}
\ No newline at end of file
diff --git a/less/mixins.less b/_sass/_mixins.scss
old mode 100644
new mode 100755
similarity index 53%
rename from less/mixins.less
rename to _sass/_mixins.scss
index 74de548..e02eae4
--- a/less/mixins.less
+++ b/_sass/_mixins.scss
@@ -1,37 +1,38 @@
-// Mixins
-
-.transition-all() {
+@mixin transition-all()
+{
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
}
-.background-cover() {
+@mixin background-cover()
+{
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
-.button-variant(@color; @background; @border) {
- color: @color;
- background-color: @background;
- border-color: @border;
- .transition-all;
+@mixin button-variant($color, $background, $border)
+{
+ color: $color;
+ background-color: $background;
+ border-color: $border;
+ @include transition-all;
&:hover,
&:focus,
&.focus,
&:active,
&.active,
- .open > .dropdown-toggle& {
- color: @color;
- background-color: darken(@background, 5%);
- border-color: darken(@border, 7%);
+ .open > .dropdown-toggle & {
+ color: $color;
+ background-color: darken($background, 5%);
+ border-color: darken($border, 7%);
}
&:active,
&.active,
- .open > .dropdown-toggle& {
+ .open > .dropdown-toggle & {
background-image: none;
}
&.disabled,
@@ -43,21 +44,23 @@
&.focus,
&:active,
&.active {
- background-color: @background;
- border-color: @border;
+ background-color: $background;
+ border-color: $border;
}
}
.badge {
- color: @background;
- background-color: @color;
+ color: $background;
+ background-color: $color;
}
}
-.sans-serif-font() {
+@mixin sans-serif-font()
+{
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
-.serif-font() {
+@mixin serif-font()
+{
font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
}
\ No newline at end of file
diff --git a/css/creative.css b/css/creative.css
deleted file mode 100644
index bce1b98..0000000
--- a/css/creative.css
+++ /dev/null
@@ -1,476 +0,0 @@
-/*!
- * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
- * Code licensed under the Apache License v2.0.
- * For details, see http://www.apache.org/licenses/LICENSE-2.0.
- */
-
-html,
-body {
- width: 100%;
- height: 100%;
-}
-
-body {
- font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
-}
-
-hr {
- max-width: 50px;
- border-color: #f05f40;
- border-width: 3px;
-}
-
-hr.light {
- border-color: #fff;
-}
-
-a {
- color: #f05f40;
- -webkit-transition: all .35s;
- -moz-transition: all .35s;
- transition: all .35s;
-}
-
-a:hover,
-a:focus {
- color: #eb3812;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
-}
-
-p {
- margin-bottom: 20px;
- font-size: 16px;
- line-height: 1.5;
-}
-
-.bg-primary {
- background-color: #f05f40;
-}
-
-.bg-dark {
- color: #fff;
- background-color: #222;
-}
-
-.text-faded {
- color: rgba(255,255,255,.7);
-}
-
-section {
- padding: 100px 0;
-}
-
-aside {
- padding: 50px 0;
-}
-
-.no-padding {
- padding: 0;
-}
-
-.navbar-default {
- border-color: rgba(34,34,34,.05);
- font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
- background-color: #fff;
- -webkit-transition: all .35s;
- -moz-transition: all .35s;
- transition: all .35s;
-}
-
-.navbar-default .navbar-header .navbar-brand {
- text-transform: uppercase;
- font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
- font-weight: 700;
- color: #f05f40;
-}
-
-.navbar-default .navbar-header .navbar-brand:hover,
-.navbar-default .navbar-header .navbar-brand:focus {
- color: #eb3812;
-}
-
-.navbar-default .nav > li>a,
-.navbar-default .nav>li>a:focus {
- text-transform: uppercase;
- font-size: 13px;
- font-weight: 700;
- color: #222;
-}
-
-.navbar-default .nav > li>a:hover,
-.navbar-default .nav>li>a:focus:hover {
- color: #f05f40;
-}
-
-.navbar-default .nav > li.active>a,
-.navbar-default .nav>li.active>a:focus {
- color: #f05f40!important;
- background-color: transparent;
-}
-
-.navbar-default .nav > li.active>a:hover,
-.navbar-default .nav>li.active>a:focus:hover {
- background-color: transparent;
-}
-
-@media(min-width:768px) {
- .navbar-default {
- border-color: rgba(255,255,255,.3);
- background-color: transparent;
- }
-
- .navbar-default .navbar-header .navbar-brand {
- color: rgba(255,255,255,.7);
- }
-
- .navbar-default .navbar-header .navbar-brand:hover,
- .navbar-default .navbar-header .navbar-brand:focus {
- color: #fff;
- }
-
- .navbar-default .nav > li>a,
- .navbar-default .nav>li>a:focus {
- color: rgba(255,255,255,.7);
- }
-
- .navbar-default .nav > li>a:hover,
- .navbar-default .nav>li>a:focus:hover {
- color: #fff;
- }
-
- .navbar-default.affix {
- border-color: rgba(34,34,34,.05);
- background-color: #fff;
- }
-
- .navbar-default.affix .navbar-header .navbar-brand {
- font-size: 14px;
- color: #f05f40;
- }
-
- .navbar-default.affix .navbar-header .navbar-brand:hover,
- .navbar-default.affix .navbar-header .navbar-brand:focus {
- color: #eb3812;
- }
-
- .navbar-default.affix .nav > li>a,
- .navbar-default.affix .nav>li>a:focus {
- color: #222;
- }
-
- .navbar-default.affix .nav > li>a:hover,
- .navbar-default.affix .nav>li>a:focus:hover {
- color: #f05f40;
- }
-}
-
-header {
- position: relative;
- width: 100%;
- min-height: auto;
- text-align: center;
- color: #fff;
- background-image: url(../img/header.jpg);
- background-position: center;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- background-size: cover;
- -o-background-size: cover;
-}
-
-header .header-content {
- position: relative;
- width: 100%;
- padding: 100px 15px;
- text-align: center;
-}
-
-header .header-content .header-content-inner h1 {
- margin-top: 0;
- margin-bottom: 0;
- text-transform: uppercase;
- font-weight: 700;
-}
-
-header .header-content .header-content-inner hr {
- margin: 30px auto;
-}
-
-header .header-content .header-content-inner p {
- margin-bottom: 50px;
- font-size: 16px;
- font-weight: 300;
- color: rgba(255,255,255,.7);
-}
-
-@media(min-width:768px) {
- header {
- min-height: 100%;
- }
-
- header .header-content {
- position: absolute;
- top: 50%;
- padding: 0 50px;
- -webkit-transform: translateY(-50%);
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- }
-
- header .header-content .header-content-inner {
- margin-right: auto;
- margin-left: auto;
- max-width: 1000px;
- }
-
- header .header-content .header-content-inner p {
- margin-right: auto;
- margin-left: auto;
- max-width: 80%;
- font-size: 18px;
- }
-}
-
-.section-heading {
- margin-top: 0;
-}
-
-.service-box {
- margin: 50px auto 0;
- max-width: 400px;
-}
-
-@media(min-width:992px) {
- .service-box {
- margin: 20px auto 0;
- }
-}
-
-.service-box p {
- margin-bottom: 0;
-}
-
-.portfolio-box {
- display: block;
- position: relative;
- margin: 0 auto;
- max-width: 650px;
-}
-
-.portfolio-box .portfolio-box-caption {
- display: block;
- position: absolute;
- bottom: 0;
- width: 100%;
- height: 100%;
- text-align: center;
- color: #fff;
- opacity: 0;
- background: rgba(240,95,64,.9);
- -webkit-transition: all .35s;
- -moz-transition: all .35s;
- transition: all .35s;
-}
-
-.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
- position: absolute;
- top: 50%;
- width: 100%;
- text-align: center;
- transform: translateY(-50%);
-}
-
-.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
-.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
- padding: 0 15px;
- font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
-}
-
-.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
- text-transform: uppercase;
- font-size: 14px;
- font-weight: 600;
-}
-
-.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
- font-size: 18px;
-}
-
-.portfolio-box:hover .portfolio-box-caption {
- opacity: 1;
-}
-
-@media(min-width:768px) {
- .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
- font-size: 16px;
- }
-
- .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
- font-size: 22px;
- }
-}
-
-.call-to-action h2 {
- margin: 0 auto 20px;
-}
-
-.text-primary {
- color: #f05f40;
-}
-
-.no-gutter > [class*=col-] {
- padding-right: 0;
- padding-left: 0;
-}
-
-.btn-default {
- border-color: #fff;
- color: #222;
- background-color: #fff;
- -webkit-transition: all .35s;
- -moz-transition: all .35s;
- transition: all .35s;
-}
-
-.btn-default:hover,
-.btn-default:focus,
-.btn-default.focus,
-.btn-default:active,
-.btn-default.active,
-.open > .dropdown-toggle.btn-default {
- border-color: #ededed;
- color: #222;
- background-color: #f2f2f2;
-}
-
-.btn-default:active,
-.btn-default.active,
-.open > .dropdown-toggle.btn-default {
- background-image: none;
-}
-
-.btn-default.disabled,
-.btn-default[disabled],
-fieldset[disabled] .btn-default,
-.btn-default.disabled:hover,
-.btn-default[disabled]:hover,
-fieldset[disabled] .btn-default:hover,
-.btn-default.disabled:focus,
-.btn-default[disabled]:focus,
-fieldset[disabled] .btn-default:focus,
-.btn-default.disabled.focus,
-.btn-default[disabled].focus,
-fieldset[disabled] .btn-default.focus,
-.btn-default.disabled:active,
-.btn-default[disabled]:active,
-fieldset[disabled] .btn-default:active,
-.btn-default.disabled.active,
-.btn-default[disabled].active,
-fieldset[disabled] .btn-default.active {
- border-color: #fff;
- background-color: #fff;
-}
-
-.btn-default .badge {
- color: #fff;
- background-color: #222;
-}
-
-.btn-primary {
- border-color: #f05f40;
- color: #fff;
- background-color: #f05f40;
- -webkit-transition: all .35s;
- -moz-transition: all .35s;
- transition: all .35s;
-}
-
-.btn-primary:hover,
-.btn-primary:focus,
-.btn-primary.focus,
-.btn-primary:active,
-.btn-primary.active,
-.open > .dropdown-toggle.btn-primary {
- border-color: #ed431f;
- color: #fff;
- background-color: #ee4b28;
-}
-
-.btn-primary:active,
-.btn-primary.active,
-.open > .dropdown-toggle.btn-primary {
- background-image: none;
-}
-
-.btn-primary.disabled,
-.btn-primary[disabled],
-fieldset[disabled] .btn-primary,
-.btn-primary.disabled:hover,
-.btn-primary[disabled]:hover,
-fieldset[disabled] .btn-primary:hover,
-.btn-primary.disabled:focus,
-.btn-primary[disabled]:focus,
-fieldset[disabled] .btn-primary:focus,
-.btn-primary.disabled.focus,
-.btn-primary[disabled].focus,
-fieldset[disabled] .btn-primary.focus,
-.btn-primary.disabled:active,
-.btn-primary[disabled]:active,
-fieldset[disabled] .btn-primary:active,
-.btn-primary.disabled.active,
-.btn-primary[disabled].active,
-fieldset[disabled] .btn-primary.active {
- border-color: #f05f40;
- background-color: #f05f40;
-}
-
-.btn-primary .badge {
- color: #f05f40;
- background-color: #fff;
-}
-
-.btn {
- border: 0;
- border-radius: 300px;
- text-transform: uppercase;
- font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
- font-weight: 700;
-}
-
-.btn-xl {
- padding: 15px 30px;
-}
-
-::-moz-selection {
- text-shadow: none;
- color: #fff;
- background: #222;
-}
-
-::selection {
- text-shadow: none;
- color: #fff;
- background: #222;
-}
-
-img::selection {
- color: #fff;
- background: 0 0;
-}
-
-img::-moz-selection {
- color: #fff;
- background: 0 0;
-}
-
-body {
- webkit-tap-highlight-color: #222;
-}
\ No newline at end of file
diff --git a/css/main.scss b/css/main.scss
new file mode 100644
index 0000000..5b60373
--- /dev/null
+++ b/css/main.scss
@@ -0,0 +1,44 @@
+---
+---
+
+@charset "utf-8";
+
+// Example Defaults
+// $base-font-family: Helvetica, Arial, sans-serif;
+// $base-font-size: 16px;
+// $small-font-size: $base-font-size * 0.875;
+// $base-line-height: 1.5;
+
+// $spacing-unit: 30px;
+
+// $text-color: #111;
+// $background-color: #fdfdfd;
+// $brand-color: #2a7ae2;
+
+// $grey-color: #828282;
+// $grey-color-light: lighten($grey-color, 40%);
+// $grey-color-dark: darken($grey-color, 25%);
+
+// // Width of the content area
+// $content-width: 800px;
+
+// $on-palm: 600px;
+// $on-laptop: 800px;
+
+// Using media queries with like this:
+// @include media-query($on-palm) {
+// .wrapper {
+// padding-right: $spacing-unit / 2;
+// padding-left: $spacing-unit / 2;
+// }
+// }
+
+// variables.less
+$theme-primary: #F05F40;
+$theme-dark: #222;
+
+// Import partials from `sass_dir` (defaults to `_sass`)
+@import
+ "mixins",
+ "base"
+;
diff --git a/index.html b/index.html
index 3c2ea89..b9b2499 100644
--- a/index.html
+++ b/index.html
@@ -1,283 +1,3 @@
-
-
-
-
-
-
-
-
-
-
-
- Creative - Start Bootstrap Theme
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
We've got what you need!
-
-
Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!
-
Get Started!
-
-
-
-
-
-
-
-
-
-
At Your Service
-
-
-
-
-
-
-
-
-
-
Sturdy Templates
-
Our templates are updated regularly so they don't break.
-
-
-
-
-
-
Ready to Ship
-
You can use this theme as is, or you can make changes!
-
-
-
-
-
-
Up to Date
-
We update dependencies to keep things fresh.
-
-
-
-
-
-
Made with Love
-
You have to make your websites with love these days!
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+---
+layout: front
+---
diff --git a/less/variables.less b/less/variables.less
deleted file mode 100644
index bb4aa07..0000000
--- a/less/variables.less
+++ /dev/null
@@ -1,4 +0,0 @@
-// Variables
-
-@theme-primary: #F05F40;
-@theme-dark: #222;
\ No newline at end of file