meh
This commit is contained in:
Mark Moser
@ -16,8 +16,6 @@ activate :livereload
|
||||
###
|
||||
# Page options, layouts, aliases and proxies
|
||||
###
|
||||
page 'crafty/*', :layout => false
|
||||
page 'blogin/*', :layout => false
|
||||
|
||||
# Per-page layout changes:
|
||||
#
|
||||
|
||||
@ -2,3 +2,39 @@
|
||||
@import "fontawesome/css/font-awesome";
|
||||
|
||||
// @import "compass";
|
||||
|
||||
|
||||
/* Fonts */
|
||||
@font-face {
|
||||
font-family: 'lato_regular';
|
||||
src: url('/assets/fonts/lato-regular.eot');
|
||||
src: url('/assets/fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('/assets/fonts/lato-regular.woff') format('woff'),
|
||||
url('/assets/fonts/lato-regular.ttf') format('truetype'),
|
||||
url('/assets/fonts/lato-regular.svg#LatoRegular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'lato_bold';
|
||||
src: url('/assets/fonts/lato-bold.eot');
|
||||
src: url('/assets/fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('/assets/fonts/lato-bold.woff') format('woff'),
|
||||
url('/assets/fonts/lato-bold.ttf') format('truetype'),
|
||||
url('/assets/fonts/lato-bold.svg#LatoBold') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'avantgardelt-extralight';
|
||||
src: url('/assets/fonts/avantgardelt-extralight.eot');
|
||||
src: url('/assets/fonts/avantgardelt-extralight.eot?#iefix') format('embedded-opentype'),
|
||||
url('/assets/fonts/avantgardelt-extralight.woff') format('woff'),
|
||||
url('/assets/fonts/avantgardelt-extralight.ttf') format('truetype'),
|
||||
url('/assets/fonts/avantgardelt-extralight.svg#avantgardelt-extralight') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
@ -3,5 +3,20 @@
|
||||
like colors for instance
|
||||
*/
|
||||
|
||||
$backgroundColor: #fff;
|
||||
$textColor: #000;
|
||||
$bg_color: #fff;
|
||||
$main_color: #000;
|
||||
|
||||
$header_bgcolor: #fff;
|
||||
$header_color: #000;
|
||||
|
||||
$dark: #262626;
|
||||
$grey: #575757;
|
||||
|
||||
$offwhite: #F7F7F7;
|
||||
|
||||
/*rusty*/
|
||||
$accent_color: #FF9A00;
|
||||
|
||||
|
||||
$main_font: "lato-regular", arial;
|
||||
$accent_font: "lato-regular", arial;
|
||||
|
||||
@ -3,8 +3,73 @@
|
||||
@import "settings";
|
||||
@import "imports";
|
||||
|
||||
// div {border: 1px dashed orange;}
|
||||
|
||||
body {
|
||||
background: $backgroundColor;
|
||||
color: $textColor;
|
||||
}
|
||||
background: $offwhite url(/assets/img/bg/subtle_white_feathers.png);
|
||||
color: $dark;
|
||||
font-family: $main_font;
|
||||
}
|
||||
|
||||
header{
|
||||
background: $dark;
|
||||
color: $offwhite;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header nav{
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
margin: 10px 0 0 0;
|
||||
padding: 13px 0px;
|
||||
}
|
||||
|
||||
header ul{
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
header ul li{
|
||||
float: left;
|
||||
margin-left: 0;
|
||||
font-size: 16px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
header ul.social{
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
right: 0px;
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
|
||||
header a {
|
||||
text-decoration: none;
|
||||
color: $offwhite;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
header a:hover {
|
||||
color: $offwhite;
|
||||
text-decoration: none;
|
||||
border-bottom: 4px solid $accent_color;
|
||||
}
|
||||
|
||||
.social a:hover {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
color: $accent_color;
|
||||
}
|
||||
|
||||
footer {
|
||||
// background: $grey;
|
||||
padding: 50px 0;
|
||||
color: $offwhite;
|
||||
}
|
||||
footer a, footer a:hover{
|
||||
color: $offwhite;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
BIN
source/assets/img/bg/congruent_outline.png
Normal file
BIN
source/assets/img/bg/congruent_outline.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
BIN
source/assets/img/bg/green_cup.png
Normal file
BIN
source/assets/img/bg/green_cup.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
BIN
source/assets/img/bg/light_grey.png
Normal file
BIN
source/assets/img/bg/light_grey.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 448 B |
BIN
source/assets/img/bg/light_grey_@2X.jpg
Normal file
BIN
source/assets/img/bg/light_grey_@2X.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 265 KiB |
BIN
source/assets/img/bg/skulls.png
Normal file
BIN
source/assets/img/bg/skulls.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
BIN
source/assets/img/bg/snow.png
Normal file
BIN
source/assets/img/bg/snow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
BIN
source/assets/img/bg/snow_@2X.png
Normal file
BIN
source/assets/img/bg/snow_@2X.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 263 KiB |
BIN
source/assets/img/bg/stardust.png
Normal file
BIN
source/assets/img/bg/stardust.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
BIN
source/assets/img/bg/stardust_@2X.png
Normal file
BIN
source/assets/img/bg/stardust_@2X.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
BIN
source/assets/img/bg/subtle_white_feathers.png
Normal file
BIN
source/assets/img/bg/subtle_white_feathers.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 163 KiB |
BIN
source/assets/img/bg/subtle_white_feathers_@2X.png
Normal file
BIN
source/assets/img/bg/subtle_white_feathers_@2X.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 209 KiB |
BIN
source/assets/img/bg/tree_bark.png
Normal file
BIN
source/assets/img/bg/tree_bark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
source/assets/img/bg/white_wall_hash.png
Normal file
BIN
source/assets/img/bg/white_wall_hash.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
source/assets/img/bg/white_wall_hash_@2X.png
Normal file
BIN
source/assets/img/bg/white_wall_hash_@2X.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 653 KiB After Width: | Height: | Size: 653 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
BIN
source/assets/img/gulf_iss040e090540.jpg
Normal file
BIN
source/assets/img/gulf_iss040e090540.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 129 KiB |
BIN
source/assets/img/star_nasa.jpg
Normal file
BIN
source/assets/img/star_nasa.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
@ -1,89 +0,0 @@
|
||||
!!!
|
||||
%html{lang: "en"}
|
||||
%head
|
||||
%title Blogin | beautiful and Minimal Blog Template Designed & Coded by pixelhint.com
|
||||
%meta{charset: "utf-8"}/
|
||||
%meta{content: "pixelhint.com", name: "author"}/
|
||||
%link{href: "/blogin/css/reset.css", rel: "stylesheet", type: "text/css"}/
|
||||
%link{href: "/blogin/css/blogin.css", rel: "stylesheet", type: "text/css"}/
|
||||
%body
|
||||
%header
|
||||
.wrapper
|
||||
%a{href: "#"}
|
||||
%img.h_logo{alt: "Blogin", src: "/blogin/img/logo.png", title: ""}/
|
||||
%nav
|
||||
%ul.main_nav
|
||||
%li.current
|
||||
%a{href: "#"} Journal
|
||||
%li
|
||||
%a{href: "#"} About
|
||||
%li
|
||||
%a{href: "#"} Work
|
||||
%li
|
||||
%a{href: "#"} Contact
|
||||
|
||||
%section.main2.wrapper
|
||||
%section.content
|
||||
%article
|
||||
.article_image
|
||||
%a{href: "#"}
|
||||
%img{alt: "", src: "/blogin/img/pic4.jpg", title: ""}/
|
||||
.post
|
||||
%h1.title
|
||||
%a{href: "#"} Duis aute irure dolor in henderit in voluptate.
|
||||
%p Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo doconsequat, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
%p Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur...
|
||||
%a.read_more{href: "#"}
|
||||
Continue Reading
|
||||
%i.read_more_arrow
|
||||
%article
|
||||
.article_image
|
||||
%a{href: "#"}
|
||||
%img{alt: "", src: "/blogin/img/pic5.jpg", title: ""}/
|
||||
.post
|
||||
%h1.title
|
||||
%a{href: "#"} Duis aute irure dolor in henderit in voluptate.
|
||||
%p Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo doconsequat, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
%p Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur...
|
||||
%a.read_more{href: "#"}
|
||||
Continue Reading
|
||||
%i.read_more_arrow
|
||||
|
||||
%aside.sidebar
|
||||
%section.widget
|
||||
%h3.widget-title About Blogin.
|
||||
.textwidget
|
||||
%p Duis aute irure dolor in rhenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
||||
%p Excepteur sint occaecat sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
%section.widget
|
||||
%h3.widget-title Search.
|
||||
%form.search_widget
|
||||
%input#search-field.search-field{placeholder: "What are you looking for?", type: "text"}/
|
||||
%section.widget
|
||||
%a{href: "#"}
|
||||
%img{alt: "", src: "/blogin/img/ads.jpg", title: ""}/
|
||||
|
||||
%nav.pagination
|
||||
%a.previous{href: "#"}
|
||||
%i>
|
||||
Previous
|
||||
%a.next{href: "#"}
|
||||
Next
|
||||
%i
|
||||
|
||||
|
||||
%footer
|
||||
.wrapper
|
||||
%img.logo_footer{alt: "Blogin", src: "/blogin/img/logo_footer.png", title: ""}/
|
||||
%p.rights
|
||||
© 2014 Blogin.com - All Rights Reserved - Find more free Templates at
|
||||
%a{href: "http://Pixelhint.com", target: "_blink"} Pixelhint.com
|
||||
%ul.social_profiles
|
||||
%li.f
|
||||
%a{href: "http://facebook.com/pixelhint", target: "_blink"}
|
||||
%li.t
|
||||
%a{href: "http://twitter.com/pixelhint", target: "_blink"}
|
||||
%li.be
|
||||
%a{href: "http://behance.net/pixelhint", target: "_blink"}
|
||||
%li.d
|
||||
%a{href: "http://dribbble.com/pixelhint", target: "_blink"}
|
||||
@ -1,483 +0,0 @@
|
||||
/*
|
||||
|
||||
Template Author : pixelhint.com
|
||||
Author Email : contact@pixelhint.com
|
||||
|
||||
|
||||
*****************************************
|
||||
|
||||
|
||||
- Header
|
||||
- Main Section
|
||||
- Sidebar & widgets
|
||||
- Pagination
|
||||
- Footer
|
||||
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/* Fonts */
|
||||
@font-face {
|
||||
font-family: 'LatoRegular';
|
||||
src: url('/fonts/Lato-Regular.eot');
|
||||
src: url('/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/Lato-Regular.woff') format('woff'),
|
||||
url('/fonts/Lato-Regular.ttf') format('truetype'),
|
||||
url('/fonts/Lato-Regular.svg#LatoRegular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'LatoBold';
|
||||
src: url('/fonts/Lato-Bold.eot');
|
||||
src: url('/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/Lato-Bold.woff') format('woff'),
|
||||
url('/fonts/Lato-Bold.ttf') format('truetype'),
|
||||
url('/fonts/Lato-Bold.svg#LatoBold') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Header */
|
||||
header{
|
||||
width: 100%;
|
||||
height: 126px;
|
||||
background-color: #292929;
|
||||
border-bottom: 4px #1e1e1e solid;
|
||||
}
|
||||
|
||||
header img.h_logo{
|
||||
display: block;
|
||||
float: left;
|
||||
margin-top: 49px;
|
||||
}
|
||||
|
||||
header nav{
|
||||
float: right;
|
||||
}
|
||||
|
||||
ul.main_nav{
|
||||
font-family: 'LatoBold', 'Helvetica', arial;
|
||||
margin-right: -1px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul.main_nav li{
|
||||
float: left;
|
||||
letter-spacing: 2px;
|
||||
font-size: 16px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul.main_nav li a{
|
||||
display: block;
|
||||
width: 130px;
|
||||
height: 71px;
|
||||
padding-top: 55px;
|
||||
border-right: 1px #1e1e1e solid;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
text-shadow: 0px 1px 0 #1e1e1e;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul.main_nav li:first-child a{
|
||||
border-left: 1px #1e1e1e solid;
|
||||
}
|
||||
|
||||
ul.main_nav li.current a{
|
||||
color: #58c93a;
|
||||
box-shadow: 0 4px 0 #58c93a;
|
||||
}
|
||||
|
||||
ul.main_nav li a:hover{
|
||||
background: #242424;
|
||||
}
|
||||
|
||||
/* Main section */
|
||||
.main{
|
||||
position: relative;
|
||||
border-left: 1px #e1e0e0 solid;
|
||||
border-right: 1px #e1e0e0 solid;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main article{
|
||||
margin: 80px 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.main .article_image,
|
||||
.main .post{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.main .article_image{
|
||||
width: 470px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
|
||||
.main .post{
|
||||
width: 430px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.main .post h1.title,
|
||||
.main2 .post h1.title{
|
||||
font-family: 'LatoBold', 'Helvetica', arial;
|
||||
font-weight: bold;
|
||||
font-size: 28px;
|
||||
text-transform: uppercase;
|
||||
line-height: 30px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.main .title a,
|
||||
.main2 .title a{
|
||||
text-decoration: none;
|
||||
color: #4f4e4e;
|
||||
}
|
||||
|
||||
.main .title a:hover,
|
||||
.main2 .title a:hover{
|
||||
color: #58c93a;
|
||||
}
|
||||
|
||||
.main .post p,
|
||||
.main2 .post p{
|
||||
font-family: 'LatoRegular', 'Helvetica', arial;
|
||||
font-size: 16px;
|
||||
color: #606060;
|
||||
line-height: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.main a.read_more,
|
||||
.main2 a.read_more{
|
||||
font-family: 'LatoRegular', 'Helvetica', arial;
|
||||
display: inline-block;
|
||||
padding: 10px 30px 13px 30px;
|
||||
background: #ffffff;
|
||||
border: 2px #c2c2c2 solid;
|
||||
color: #c2c2c2;
|
||||
text-decoration: none;
|
||||
margin-top: 14px;
|
||||
|
||||
border-radius: 100px;
|
||||
-webkit-border-radius: 100px;
|
||||
-moz-border-radius: 100px;
|
||||
-o-border-radius: 100px;
|
||||
-ms-border-radius: 100px;
|
||||
}
|
||||
|
||||
.main a.read_more:hover,
|
||||
.main2 a.read_more:hover{
|
||||
border: 2px #58c93a solid;
|
||||
color: #58c93a;
|
||||
}
|
||||
|
||||
.main a.read_more i.read_more_arrow,
|
||||
.main2 a.read_more i.read_more_arrow{
|
||||
width: 15px;
|
||||
height: 7px;
|
||||
background: url('/blogin/img/read_more_arrow.png') no-repeat;
|
||||
display: inline-block;
|
||||
opacity: 0;
|
||||
margin-left: -5px;
|
||||
}
|
||||
|
||||
.main a.read_more:hover i.read_more_arrow,
|
||||
.main2 a.read_more:hover i.read_more_arrow{
|
||||
opacity: 1;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.main2{
|
||||
padding-top: 80px;
|
||||
position: relative;
|
||||
border-left: 1px #e1e0e0 solid;
|
||||
border-right: 1px #e1e0e0 solid;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main2 .content{
|
||||
width: 620px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.main2 .post{
|
||||
width: 580px;
|
||||
margin-left: 20px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Sidebar & widgets */
|
||||
aside{
|
||||
width: 280px;
|
||||
height: 1000px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
aside .widget{
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
aside h3.widget-title{
|
||||
width: 240px;
|
||||
padding: 17px 20px;
|
||||
border-left: 3px #58c93a solid;
|
||||
background: #f8f8f8;
|
||||
margin-bottom: 20px;
|
||||
font-family: 'LatoBold', 'Helvetica', arial;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
color: #6c6969;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
aside .textwidget p{
|
||||
width: 240px;
|
||||
padding: 0 20px;
|
||||
font-family: 'LatoRegular', 'Helvetica', arial;
|
||||
font-size: 16px;
|
||||
color: #737373;
|
||||
margin-bottom: 10px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.search_widget .search-field{
|
||||
width: 240px;
|
||||
height: 50px;
|
||||
padding: 0 20px;
|
||||
color: #828282;
|
||||
font-family: 'LatoRegular', 'Helvetica', arial;
|
||||
font-size: 12px;
|
||||
letter-spacing: .5px;
|
||||
outline: none;
|
||||
border: 1px #e1e0e0 solid;
|
||||
}
|
||||
|
||||
|
||||
.search_widget .search-field:focus{
|
||||
border: 1px #b9b9b9 solid;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: #b9b9b9;
|
||||
}
|
||||
|
||||
:-moz-placeholder { /* Firefox 18- */
|
||||
color: #b9b9b9;
|
||||
}
|
||||
|
||||
::-moz-placeholder { /* Firefox 19+ */
|
||||
color: #b9b9b9;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: #b9b9b9;
|
||||
}
|
||||
|
||||
/* pagination */
|
||||
.pagination{
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 30px 0;
|
||||
border-top: 1px #e1e0e0 solid;
|
||||
border-bottom: 1px #e1e0e0 solid;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pagination a{
|
||||
color: #818181;
|
||||
}
|
||||
|
||||
.previous,
|
||||
.next{
|
||||
text-decoration: none;
|
||||
margin: 0 30px;
|
||||
font-family: 'LatoBold', 'Helvetica', arial;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.previous{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.next{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.previous i,
|
||||
.next i{
|
||||
width: 15px;
|
||||
height: 7px;
|
||||
display: inline-block;
|
||||
margin-bottom: 3px;
|
||||
background: url('/blogin/img/pagination.png') no-repeat;
|
||||
}
|
||||
|
||||
.previous i{
|
||||
background-position: 0 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.next i{
|
||||
background-position: -16px 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.previous:hover,
|
||||
.next:hover{
|
||||
color: #58c93a;
|
||||
}
|
||||
.previous:hover i,
|
||||
.next:hover i{
|
||||
background: url('/blogin/img/pagination_hover.png') no-repeat;
|
||||
}
|
||||
|
||||
.previous:hover i{
|
||||
background-position: 0px 0;
|
||||
}
|
||||
|
||||
.next:hover i{
|
||||
background-position: -16px 0;
|
||||
}
|
||||
|
||||
|
||||
/* footer */
|
||||
footer{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: #f8f8f8;
|
||||
border-top: 1px #e1e0e0 solid;
|
||||
margin-top: -1px;
|
||||
padding: 80px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer .logo_footer,
|
||||
footer p.rights{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
footer p.rights{
|
||||
font-family: 'LatoRegular', 'Helvetica', arial;
|
||||
color: #a6a6a6;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
footer p.rights a{
|
||||
font-family: 'LatoBold', 'Helvetica', arial;
|
||||
font-weight: bold;
|
||||
color: #939292;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
footer ul.social_profiles{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer ul.social_profiles li{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
footer ul.social_profiles li a{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 16px;
|
||||
display: inline-block;
|
||||
background: url('/blogin/img/sp.png') no-repeat;
|
||||
}
|
||||
|
||||
footer ul.social_profiles li a:hover{
|
||||
background: url('/blogin/img/sp_hover.png') no-repeat;
|
||||
}
|
||||
|
||||
footer ul.social_profiles .f a{
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
footer ul.social_profiles .t a{
|
||||
background-position: -41px 0;
|
||||
}
|
||||
|
||||
footer ul.social_profiles .be a{
|
||||
background-position: -82px 0;
|
||||
}
|
||||
|
||||
footer ul.social_profiles .d a{
|
||||
background-position: -123px 0;
|
||||
}
|
||||
|
||||
|
||||
footer ul.social_profiles .f a:hover{
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
footer ul.social_profiles .t a:hover{
|
||||
background-position: -41px 0;
|
||||
}
|
||||
|
||||
footer ul.social_profiles .be a:hover{
|
||||
background-position: -82px 0;
|
||||
}
|
||||
|
||||
footer ul.social_profiles .d a:hover{
|
||||
background-position: -123px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* General CSS*/
|
||||
.wrapper{
|
||||
width: 978px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
ul.main_nav li a,
|
||||
.main .title a,
|
||||
.main2 .title a,
|
||||
.main a.read_more,
|
||||
.main2 a.read_more,
|
||||
.main a.read_more i.read_more_arrow,
|
||||
.main2 a.read_more i.read_more_arrow,
|
||||
.previous,
|
||||
.next,
|
||||
.previous i,
|
||||
.next i,
|
||||
footer ul.social_profiles li a,
|
||||
.search_widget .search-field{
|
||||
transition: .2s linear;
|
||||
-webkit-transition: .2s linear;
|
||||
-moz-transition: .2s linear;
|
||||
-o-transition: .2s linear;
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
html, body, div, span, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
abbr, address, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, samp,
|
||||
small, strong, sub, sup, var,
|
||||
b, i,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
outline:0;
|
||||
font-size:100%;
|
||||
vertical-align:baseline;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
article,aside,details,figcaption,figure,
|
||||
footer,header,hgroup,menu,nav,section {
|
||||
display:block;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes:none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content:'';
|
||||
content:none;
|
||||
}
|
||||
|
||||
a {
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:100%;
|
||||
vertical-align:baseline;
|
||||
background:transparent;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* change colours to suit your needs */
|
||||
ins {
|
||||
background-color:#ff9;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* change colours to suit your needs */
|
||||
mark {
|
||||
background-color:#ff9;
|
||||
color:#000;
|
||||
font-style:italic;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
abbr[title], dfn[title] {
|
||||
border-bottom:1px dotted;
|
||||
cursor:help;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
}
|
||||
|
||||
/* change border colour to suit your needs */
|
||||
hr {
|
||||
display:block;
|
||||
height:1px;
|
||||
border:0;
|
||||
border-top:1px solid #cccccc;
|
||||
margin:1em 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
input, select {
|
||||
vertical-align:middle;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 991 B |
Binary file not shown.
|
Before Width: | Height: | Size: 993 B |
Binary file not shown.
|
Before Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 129 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 152 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 974 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
@ -1,83 +0,0 @@
|
||||
!!!
|
||||
%html{lang: "en"}
|
||||
%head
|
||||
%title Blogin | beautiful and Minimal Blog Template Designed & Coded by pixelhint.com
|
||||
%meta{charset: "utf-8"}/
|
||||
%link{href: "blogin/css/reset.css", rel: "stylesheet", type: "text/css"}/
|
||||
%link{href: "blogin/css/blogin.css", rel: "stylesheet", type: "text/css"}/
|
||||
%body
|
||||
%header
|
||||
.wrapper
|
||||
%a{href: "#"}
|
||||
%img.h_logo{alt: "Blogin", src: "blogin/img/logo.png", title: ""}/
|
||||
%nav
|
||||
%ul.main_nav
|
||||
%li.current
|
||||
%a{href: "#"} Journal
|
||||
%li
|
||||
%a{href: "#"} About
|
||||
%li
|
||||
%a{href: "#"} Work
|
||||
%li
|
||||
%a{href: "#"} Contact
|
||||
|
||||
%section.main.wrapper
|
||||
%article
|
||||
.article_image
|
||||
%a{href: "#"}
|
||||
%img{alt: "", src: "blogin/img/pic1.jpg", title: ""}/
|
||||
.post
|
||||
%h1.title
|
||||
%a{href: "#"} Duis aute irure dolor in henderit in voluptate.
|
||||
%p Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo doconsequat, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
%p Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur...
|
||||
%a.read_more{href: "#"}
|
||||
Continue Reading
|
||||
%i.read_more_arrow
|
||||
%article
|
||||
.article_image
|
||||
%a{href: "#"}
|
||||
%img{alt: "", src: "blogin/img/pic2.jpg", title: ""}/
|
||||
.post
|
||||
%h1.title
|
||||
%a{href: "#"} Duis aute irure dolor in henderit in voluptate.
|
||||
%p Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo doconsequat, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
%p Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur...
|
||||
%a.read_more{href: "#"}
|
||||
Continue Reading
|
||||
%i.read_more_arrow
|
||||
%article
|
||||
.article_image
|
||||
%a{href: "#"}
|
||||
%img{alt: "", src: "blogin/img/pic3.jpg", title: ""}/
|
||||
.post
|
||||
%h1.title
|
||||
%a{href: "#"} Duis aute irure dolor in henderit in voluptate.
|
||||
%p Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo doconsequat, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||||
%p Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur...
|
||||
%a.read_more{href: "#"}
|
||||
Continue Reading
|
||||
%i.read_more_arrow
|
||||
%nav.pagination
|
||||
%a.previous{href: "#"}
|
||||
%i>
|
||||
Previous
|
||||
%a.next{href: "#"}
|
||||
Next
|
||||
%i
|
||||
|
||||
%footer
|
||||
.wrapper
|
||||
%img.logo_footer{alt: "Blogin", src: "blogin/img/logo_footer.png", title: ""}/
|
||||
%p.rights
|
||||
© 2014 Blogin.com - All Rights Reserved - Find more free Templates at
|
||||
%a{href: "http://Pixelhint.com", target: "_blink"} Pixelhint.com
|
||||
%ul.social_profiles
|
||||
%li.f
|
||||
%a{href: "http://facebook.com/pixelhint", target: "_blink"}
|
||||
%li.t
|
||||
%a{href: "http://twitter.com/pixelhint", target: "_blink"}
|
||||
%li.be
|
||||
%a{href: "http://behance.net/pixelhint", target: "_blink"}
|
||||
%li.d
|
||||
%a{href: "http://dribbble.com/pixelhint", target: "_blink"}
|
||||
4
source/blogin/js/jquery.js
vendored
4
source/blogin/js/jquery.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,533 +0,0 @@
|
||||
/*
|
||||
|
||||
Template Author : pixelhint.com
|
||||
Author Email : contact@pixelhint.com
|
||||
Template Name : Crafty
|
||||
|
||||
|
||||
*****************************************
|
||||
|
||||
|
||||
- Header
|
||||
- Billboard
|
||||
- Services
|
||||
- Video
|
||||
- Recent Work
|
||||
- Subscription
|
||||
- Social Media Icons
|
||||
- Footer
|
||||
- Subsciption pop-up
|
||||
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/* Fonts */
|
||||
@font-face {
|
||||
font-family: 'lato_regular';
|
||||
src: url('/fonts/lato-regular.eot');
|
||||
src: url('/fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/lato-regular.woff') format('woff'),
|
||||
url('/fonts/lato-regular.ttf') format('truetype'),
|
||||
url('/fonts/lato-regular.svg#LatoRegular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'lato_bold';
|
||||
src: url('/fonts/lato-bold.eot');
|
||||
src: url('/fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/lato-bold.woff') format('woff'),
|
||||
url('/fonts/lato-bold.ttf') format('truetype'),
|
||||
url('/fonts/lato-bold.svg#LatoBold') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'avantgardelt-extralight';
|
||||
src: url('/fonts/avantgardelt-extralight.eot');
|
||||
src: url('/fonts/avantgardelt-extralight.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/avantgardelt-extralight.woff') format('woff'),
|
||||
url('/fonts/avantgardelt-extralight.ttf') format('truetype'),
|
||||
url('/fonts/avantgardelt-extralight.svg#avantgardelt-extralight') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* General CSS*/
|
||||
.wrapper{
|
||||
width: 1200px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.feature a,
|
||||
.cta a.cta_btn,
|
||||
.testimonials #t_navigation a{
|
||||
transition:all .2s linear;
|
||||
-webkit-transition:all .2s linear;
|
||||
-moz-transition:all .2s linear;
|
||||
-o-transition:all .2s linear;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* header */
|
||||
header{
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
background: #353434;
|
||||
}
|
||||
|
||||
header .logo{
|
||||
float: left;
|
||||
margin-top: 21px;
|
||||
}
|
||||
|
||||
header nav{
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
margin: 20px 0 0 40px;
|
||||
padding: 13px 40px;
|
||||
border-left: 1px #404040 solid;
|
||||
}
|
||||
|
||||
header nav ul{
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
header nav ul li{
|
||||
float: left;
|
||||
margin-left: 35px;
|
||||
font-size: 16px;
|
||||
font-family: 'lato_regular', arial;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
header nav ul li:first-child{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
header nav ul li a {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
header ul.social{
|
||||
float: right;
|
||||
list-style: none;
|
||||
margin-top: 23px;
|
||||
}
|
||||
|
||||
header ul.social li{
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
header ul.social li a{
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
background: url('/crafty/img/sm.png') no-repeat;
|
||||
}
|
||||
|
||||
header ul.social li a{
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
header ul.social li a.fb{
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
header ul.social li a.twitter{
|
||||
background-position: -36px 0;
|
||||
}
|
||||
|
||||
header ul.social li a.gplus{
|
||||
background-position: -72px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Billboard */
|
||||
.billboard{
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background: url("../crafty/img/billboard.jpg") no-repeat center center;
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.billboard .caption{
|
||||
margin-left: 515px;
|
||||
margin-top: 220px;
|
||||
}
|
||||
|
||||
.billboard .caption p{
|
||||
display: inline-block;
|
||||
color: #000;
|
||||
font-family: "avantgardelt-extralight", arial;
|
||||
font-weight: lighter;
|
||||
font-size: 35px;
|
||||
padding: 20px;
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
margin-bottom: 2px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Services/features */
|
||||
.features{
|
||||
width: 100%;
|
||||
padding: 100px 0;
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
.features .row{
|
||||
margin-bottom: 100px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.features .row:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.features .row .feature:last-child{
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.features .feature{
|
||||
display: block;
|
||||
width: 346px;
|
||||
height: auto;
|
||||
float: left;
|
||||
margin-right: 80px;
|
||||
}
|
||||
|
||||
.feature .ficon{
|
||||
display: block;
|
||||
width: 65px;
|
||||
float: left;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
.feature .details_exp{
|
||||
display: block;
|
||||
width: 240px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.feature h3{
|
||||
margin-bottom: 20px;
|
||||
color: #767575;
|
||||
font-family: "lato_bold", arial;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
letter-spacing: 1px;
|
||||
|
||||
}
|
||||
|
||||
.feature p{
|
||||
margin-bottom: 20px;
|
||||
color: #9e9e9e;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
|
||||
}
|
||||
|
||||
.feature a{
|
||||
color: #848484;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 15px;
|
||||
text-decoration: none;
|
||||
letter-spacing: .5px;
|
||||
}
|
||||
|
||||
.feature a:hover{
|
||||
color: #353434;
|
||||
}
|
||||
|
||||
.feature a span{
|
||||
font-family: arial;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* testimonials */
|
||||
.testimonials{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.testimonials h2{
|
||||
color: #4e4e4e;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 26px;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 80px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.caroufredsel_wrapper{
|
||||
margin: 0 auto!important;
|
||||
}
|
||||
|
||||
.testimonials .testi_slider,{
|
||||
width: 1040px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.testimonials .testi_slider .t{
|
||||
width: 1040px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.testimonials p{
|
||||
color: #8e8d8d;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.testimonials p.author{
|
||||
color: #686767;
|
||||
font-family: "lato_bold", arial;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.testimonials #t_navigation a{
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background: #dadada;
|
||||
text-decoration: none;
|
||||
margin-right: 10px;
|
||||
margin-top: 40px;
|
||||
|
||||
border-radius: 100px;
|
||||
-webkit-border-radius: 100px;
|
||||
-moz-border-radius: 100px;
|
||||
-o-border-radius: 100px;
|
||||
}
|
||||
|
||||
.testimonials #t_navigation a.selected{
|
||||
background: #bebebe;
|
||||
}
|
||||
|
||||
.sep_line{
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: 13px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.sep_line:after{
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background: #dedede;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.sep_top{
|
||||
border-bottom: 1px #dedede solid;
|
||||
margin-bottom: 40px
|
||||
}
|
||||
|
||||
.sep_bottom{
|
||||
border-top: 1px #dedede solid;
|
||||
margin-top: 40px
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Info section */
|
||||
.info{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.info_pic{
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 405px;
|
||||
float: left;
|
||||
background: url('/crafty/img/info_img.jpg') no-repeat;
|
||||
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
|
||||
.info_details{
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 245px;
|
||||
float: left;
|
||||
background: #3b3b3b;
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.info_details h3{
|
||||
color: #fff;
|
||||
font-family: "lato_bold", arial;
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
max-width: 560px;
|
||||
margin: 0 0 40px 40px;
|
||||
letter-spacing: 1px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.info_details p{
|
||||
color: #ededed;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 16px;
|
||||
max-width: 560px;
|
||||
margin: 0 0 40px 40px;
|
||||
letter-spacing: 1px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.info_details a{
|
||||
color: #fff;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 16px;
|
||||
margin: 0 0 0 40px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.info_details a span{
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* Take To Action section */
|
||||
.cta{
|
||||
text-align: center;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.cta h3{
|
||||
color: #6b6b6b;
|
||||
font-family: "lato_bold", arial;
|
||||
font-size: 34px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.cta p{
|
||||
color: #7f7c7c;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 17px;
|
||||
margin-top: 20px;
|
||||
letter-spacing: .5px;
|
||||
}
|
||||
|
||||
.cta a.cta_btn{
|
||||
display: inline-block;
|
||||
padding: 20px 60px;
|
||||
background-color: #65bf95;
|
||||
color: #fff;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
margin-top: 60px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
|
||||
|
||||
-moz-border-radius: 1px;
|
||||
-webkit-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
|
||||
}
|
||||
|
||||
.cta a.cta_btn:hover{
|
||||
background: #56b086;
|
||||
}
|
||||
|
||||
.cta .cta_sep{
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 100px;
|
||||
background: #dedede;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* footer */
|
||||
footer{
|
||||
padding: 100px 0;
|
||||
border-top: 1px #dedede solid;
|
||||
background: #f7f7f7;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer .rights{
|
||||
color: #3b3b3b;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 14px;
|
||||
margin-top: 30px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
footer .rights a{
|
||||
text-decoration: none;
|
||||
font-family: 'lato_bold', arial;
|
||||
font-weight: bold;
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::selection {color:#ffffff;background:#353434;}
|
||||
::-moz-selection {color:#ffffff;background:#353434;
|
||||
@ -1,658 +0,0 @@
|
||||
/*
|
||||
|
||||
Template Author : pixelhint.com
|
||||
Author Email : contact@pixelhint.com
|
||||
Template Name : Crafty
|
||||
|
||||
|
||||
*****************************************
|
||||
|
||||
|
||||
- Header
|
||||
- Billboard
|
||||
- Services/features
|
||||
- Testimonials
|
||||
- Info section
|
||||
- Take To Action section
|
||||
- footer
|
||||
- Responsive code
|
||||
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/* Fonts */
|
||||
@font-face {
|
||||
font-family: 'lato_regular';
|
||||
src: url('/fonts/lato-regular.eot');
|
||||
src: url('/fonts/lato-regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/lato-regular.woff') format('woff'),
|
||||
url('/fonts/lato-regular.ttf') format('truetype'),
|
||||
url('/fonts/lato-regular.svg#LatoRegular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'lato_bold';
|
||||
src: url('/fonts/lato-bold.eot');
|
||||
src: url('/fonts/lato-bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/lato-bold.woff') format('woff'),
|
||||
url('/fonts/lato-bold.ttf') format('truetype'),
|
||||
url('/fonts/lato-bold.svg#LatoBold') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'avantgardelt-extralight';
|
||||
src: url('/fonts/avantgardelt-extralight.eot');
|
||||
src: url('/fonts/avantgardelt-extralight.eot?#iefix') format('embedded-opentype'),
|
||||
url('/fonts/avantgardelt-extralight.woff') format('woff'),
|
||||
url('/fonts/avantgardelt-extralight.ttf') format('truetype'),
|
||||
url('/fonts/avantgardelt-extralight.svg#avantgardelt-extralight') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* General CSS*/
|
||||
.wrapper{
|
||||
max-width: 1200px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
::selection {color:#ffffff;background:#353434;}
|
||||
::-moz-selection {color:#ffffff;background:#353434;}
|
||||
|
||||
.feature a,
|
||||
.cta a.cta_btn,
|
||||
.testimonials #t_navigation a,
|
||||
header ul.social li a,
|
||||
header nav ul li a{
|
||||
transition:all .2s linear;
|
||||
-webkit-transition:all .2s linear;
|
||||
-moz-transition:all .2s linear;
|
||||
-o-transition:all .2s linear;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* header */
|
||||
header{
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
background: #353434;
|
||||
}
|
||||
|
||||
header .logo{
|
||||
float: left;
|
||||
margin-top: 21px;
|
||||
}
|
||||
|
||||
header .menu_icon{
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
background: url('/crafty/img/menu_icon.png') no-repeat;
|
||||
float: right;
|
||||
margin-top: 23px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
header nav{
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
margin: 20px 0 0 40px;
|
||||
padding: 13px 40px;
|
||||
border-left: 1px #404040 solid;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
header nav ul{
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
header nav ul li{
|
||||
float: left;
|
||||
margin-left: 35px;
|
||||
font-size: 16px;
|
||||
font-family: 'lato_regular', arial;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
header nav ul li:first-child{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
header nav ul li a {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
header nav ul li a:hover{
|
||||
color: #65bf95;
|
||||
}
|
||||
|
||||
header ul.social{
|
||||
float: right;
|
||||
list-style: none;
|
||||
margin-top: 23px;
|
||||
}
|
||||
|
||||
header ul.social li{
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
header ul.social li a{
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
background: url('/crafty/img/sm.png') no-repeat;
|
||||
}
|
||||
|
||||
header ul.social li a:hover{
|
||||
background: url('/crafty/img/sm_hover.png') no-repeat;
|
||||
}
|
||||
|
||||
header ul.social li a{
|
||||
display: block;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
header ul.social li a.fb{
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
header ul.social li a.twitter{
|
||||
background-position: -36px 0;
|
||||
}
|
||||
|
||||
header ul.social li a.gplus{
|
||||
background-position: -72px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Billboard */
|
||||
.billboard{
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background: url("/crafty/img/billboard.jpg") no-repeat center center;
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.billboard .caption{
|
||||
margin-left: 515px;
|
||||
margin-top: 220px;
|
||||
}
|
||||
|
||||
.billboard .caption p{
|
||||
display: inline-block;
|
||||
color: #000;
|
||||
font-family: "avantgardelt-extralight", arial;
|
||||
font-weight: lighter;
|
||||
font-size: 35px;
|
||||
padding: 20px;
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
margin-bottom: 2px;
|
||||
text-transform: uppercase;
|
||||
z-index: 8888;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Services/features */
|
||||
.features{
|
||||
width: 100%;
|
||||
padding-top: 100px;
|
||||
background: #f7f7f7;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.features .feature{
|
||||
display: block;
|
||||
width: 28.83333333333333%;
|
||||
height: auto;
|
||||
float: left;
|
||||
margin-right: 6.666666666666667%;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.features .feature:nth-child(3n+0)
|
||||
{
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.feature .ficon{
|
||||
display: block;
|
||||
width: 18.78612716763006%;
|
||||
float: left;
|
||||
margin-right: 11.5606936416185%;
|
||||
}
|
||||
|
||||
.feature .details_exp{
|
||||
display: block;
|
||||
width: 69.36416184971098%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.feature h3{
|
||||
margin-bottom: 20px;
|
||||
color: #767575;
|
||||
font-family: "lato_bold", arial;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
letter-spacing: 1px;
|
||||
|
||||
}
|
||||
|
||||
.feature p{
|
||||
margin-bottom: 20px;
|
||||
color: #9e9e9e;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 15px;
|
||||
line-height: 22px;
|
||||
|
||||
}
|
||||
|
||||
.feature a{
|
||||
color: #848484;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 15px;
|
||||
text-decoration: none;
|
||||
letter-spacing: .5px;
|
||||
}
|
||||
|
||||
.feature a:hover{
|
||||
color: #353434;
|
||||
}
|
||||
|
||||
.feature a span{
|
||||
font-family: arial;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Testimonials */
|
||||
.testimonials{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.testimonials h2{
|
||||
color: #4e4e4e;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 26px;
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 80px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.caroufredsel_wrapper{
|
||||
max-width: 1040px!important;
|
||||
margin: 0 auto!important;
|
||||
}
|
||||
|
||||
.testimonials .testi_slider{
|
||||
max-width: 1040px!important;
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.testimonials .testi_slider .t{
|
||||
max-width: 1040px!important;
|
||||
text-align: center;
|
||||
float: left;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.testimonials p{
|
||||
color: #8e8d8d;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.testimonials p.author{
|
||||
color: #686767;
|
||||
font-family: "lato_bold", arial;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.testimonials #t_navigation a{
|
||||
display: inline-block;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
background: #dadada;
|
||||
text-decoration: none;
|
||||
margin-right: 10px;
|
||||
margin-top: 40px;
|
||||
|
||||
border-radius: 100px;
|
||||
-webkit-border-radius: 100px;
|
||||
-moz-border-radius: 100px;
|
||||
-o-border-radius: 100px;
|
||||
}
|
||||
|
||||
.testimonials #t_navigation a.selected{
|
||||
background: #bebebe;
|
||||
}
|
||||
|
||||
.sep_line{
|
||||
display: block;
|
||||
width: 13.5px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.sep_line:after{
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background: #dedede;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.sep_top{
|
||||
border-bottom: 1px #dedede solid;
|
||||
margin: 0 auto 40px auto;
|
||||
}
|
||||
|
||||
.sep_bottom{
|
||||
border-top: 1px #dedede solid;
|
||||
margin: 40px auto 0 auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Info Section */
|
||||
.info{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
background: #3b3b3b;
|
||||
}
|
||||
|
||||
.info_pic{
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 405px;
|
||||
float: left;
|
||||
background: url('/crafty/img/info_img.jpg') no-repeat;
|
||||
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
|
||||
.info_details{
|
||||
display: block;
|
||||
width: 50%;
|
||||
height: 245px;
|
||||
float: left;
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.info_details h3{
|
||||
color: #fff;
|
||||
font-family: "lato_bold", arial;
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
max-width: 560px;
|
||||
margin: 0 0 3.333333333333333% 40px;
|
||||
letter-spacing: 1px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.info_details p{
|
||||
color: #ededed;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 16px;
|
||||
max-width: 560px;
|
||||
margin: 0 0 3.333333333333333% 40px;
|
||||
letter-spacing: 1px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.info_details a{
|
||||
color: #fff;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 16px;
|
||||
margin: 0 0 0 40px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.info_details a span{
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Call To Action Section */
|
||||
.cta{
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.cta h3{
|
||||
color: #6b6b6b;
|
||||
font-family: "lato_bold", arial;
|
||||
font-size: 34px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.cta p{
|
||||
color: #7f7c7c;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 17px;
|
||||
margin-top: 20px;
|
||||
letter-spacing: .5px;
|
||||
}
|
||||
|
||||
.cta a.cta_btn{
|
||||
display: inline-block;
|
||||
padding: 20px 60px;
|
||||
background-color: #65bf95;
|
||||
color: #fff;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 20px;
|
||||
text-decoration: none;
|
||||
margin-top: 60px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
|
||||
|
||||
-moz-border-radius: 1px;
|
||||
-webkit-border-radius: 1px;
|
||||
border-radius: 1px;
|
||||
|
||||
}
|
||||
|
||||
.cta a.cta_btn:hover{
|
||||
background: #56b086;
|
||||
}
|
||||
|
||||
.cta .cta_sep{
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 100px;
|
||||
background: #dedede;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Footer */
|
||||
footer{
|
||||
padding: 100px 0;
|
||||
border-top: 1px #dedede solid;
|
||||
background: #f7f7f7;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer .rights{
|
||||
color: #3b3b3b;
|
||||
font-family: "lato_regular", arial;
|
||||
font-size: 14px;
|
||||
margin-top: 30px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
footer .rights a{
|
||||
text-decoration: none;
|
||||
font-family: 'lato_bold', arial;
|
||||
font-weight: bold;
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
||||
a{
|
||||
color: #3b3b3b;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Responsive code */
|
||||
@media (max-width:1200px){
|
||||
.wrapper{
|
||||
padding: 0 40px;
|
||||
}
|
||||
.info_pic,
|
||||
.info_details{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.info_details{
|
||||
height: auto;
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.info_details h3,
|
||||
.info_details p,
|
||||
.info_details a{
|
||||
max-width: 80%;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 40px auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:1000px){
|
||||
.billboard .caption{
|
||||
text-align: center;
|
||||
margin-left: 0;
|
||||
}
|
||||
.cta{
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:800px){
|
||||
header .logo{
|
||||
float: none;
|
||||
}
|
||||
|
||||
header .menu_icon{
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul.social{
|
||||
display: none;
|
||||
}
|
||||
|
||||
header nav{
|
||||
display: block;
|
||||
background: #353434;
|
||||
margin: 21px 0 0 0;
|
||||
padding: 0;
|
||||
border-left: 0;
|
||||
border-top: 1px #2c2c2c solid;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
z-index: 9999;
|
||||
display: none;
|
||||
}
|
||||
header nav{
|
||||
border-bottom-left-radius: 2px;
|
||||
-webkit-border-bottom-left-radius: 2px;
|
||||
-moz-border-bottom-left-radius: 2px;
|
||||
-o-border-bottom-left-radius: 2px;
|
||||
border-bottom-right-radius: 2px;
|
||||
-webkit-border-bottom-right-radius: 2px;
|
||||
-moz-border-bottom-right-radius: 2px;
|
||||
-o-border-bottom-right-radius: 2px;
|
||||
}
|
||||
header nav.show_menu{
|
||||
display: block;
|
||||
}
|
||||
header nav ul li{
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
border-bottom: 1px #2c2c2c solid;
|
||||
}
|
||||
header nav ul li:last-child{
|
||||
border-bottom: 0;
|
||||
}
|
||||
header nav ul li a{
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 20px 0;
|
||||
}
|
||||
header nav ul li a:active{
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 20px 0;
|
||||
background: #2c2c2c;
|
||||
}
|
||||
|
||||
.features .feature{
|
||||
width: 46.66666666666667%;
|
||||
margin-right: 6.666666666666667%!important;
|
||||
}
|
||||
.features .feature:nth-child(2n+2)
|
||||
{
|
||||
margin-right: 0!important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:500px){
|
||||
|
||||
.features .feature{
|
||||
width: 100%;
|
||||
margin-right: 0!important;
|
||||
}
|
||||
|
||||
}
|
||||
@ -1,99 +0,0 @@
|
||||
html, body, div, span, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
abbr, address, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, samp,
|
||||
small, strong, sub, sup, var,
|
||||
b, i,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
outline:0;
|
||||
font-size:100%;
|
||||
vertical-align:baseline;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
article,aside,details,figcaption,figure,
|
||||
footer,header,hgroup,menu,nav,section {
|
||||
display:block;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes:none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content:'';
|
||||
content:none;
|
||||
}
|
||||
|
||||
a {
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:100%;
|
||||
vertical-align:baseline;
|
||||
background:transparent;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/* change colours to suit your needs */
|
||||
ins {
|
||||
background-color:#ff9;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
/* change colours to suit your needs */
|
||||
mark {
|
||||
background-color:#ff9;
|
||||
color:#000;
|
||||
font-style:italic;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
abbr[title], dfn[title] {
|
||||
border-bottom:1px dotted;
|
||||
cursor:help;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
}
|
||||
|
||||
/* change border colour to suit your needs */
|
||||
hr {
|
||||
display:block;
|
||||
height:1px;
|
||||
border:0;
|
||||
border-top:1px solid #cccccc;
|
||||
margin:1em 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
input, select {
|
||||
vertical-align:middle;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 854 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 231 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1018 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
@ -1,134 +0,0 @@
|
||||
!!!
|
||||
%html{lang: "en"}
|
||||
%head
|
||||
%title Crafty | Free HTML5/CSS3 template
|
||||
%meta{charset: "utf-8"}/
|
||||
%meta{content: "width=device-width, initial-scale=1.0, minimum-scale=1.0", name: "viewport"}/
|
||||
%link{href: "crafty/css/reset.css", rel: "stylesheet", type: "text/css"}/
|
||||
%link{href: "crafty/css/crafty_responsive.css", rel: "stylesheet", type: "text/css"}/
|
||||
%script{src: "crafty/js/jquery.js", type: "text/javascript"}
|
||||
%script{src: "crafty/js/carouFredSel.js", type: "text/javascript"}
|
||||
%script{src: "crafty/js/crafty.js", type: "text/javascript"}
|
||||
%body
|
||||
%header
|
||||
.wrapper
|
||||
%img.logo{alt: "Crafty", src: "crafty/img/logo.png"}/
|
||||
%a#menu_icon.menu_icon{href: "#"}
|
||||
%nav#nav_menu
|
||||
%ul
|
||||
%li
|
||||
%a{href: "#"} Our Story
|
||||
%li
|
||||
%a{href: "#"} Price
|
||||
%li
|
||||
%a{href: "#"} Journal
|
||||
%li
|
||||
%a{href: "#"} Contact
|
||||
%ul.social
|
||||
%li
|
||||
%a.fb{href: "#"}
|
||||
%li
|
||||
%a.twitter{href: "#"}
|
||||
%li
|
||||
%a.gplus{href: "#"}
|
||||
|
||||
%section.billboard
|
||||
.wrapper
|
||||
.caption
|
||||
%p Excepteu roccaecat
|
||||
%p sunt culpa officia deserunt
|
||||
|
||||
%section.features
|
||||
.wrapper
|
||||
.feature
|
||||
.ficon
|
||||
%img{alt: "", src: "crafty/img/icon1.png"}/
|
||||
.details_exp
|
||||
%h3 Excepteur sint.
|
||||
%p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
|
||||
%a{href: "#"}
|
||||
more details
|
||||
%span →
|
||||
.feature
|
||||
.ficon
|
||||
%img{alt: "", src: "crafty/img/icon2.png"}/
|
||||
.details_exp
|
||||
%h3 Excepteur sint.
|
||||
%p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
|
||||
%a{href: "#"}
|
||||
more details
|
||||
%span →
|
||||
.feature
|
||||
.ficon
|
||||
%img{alt: "", src: "crafty/img/icon3.png"}/
|
||||
.details_exp
|
||||
%h3 Excepteur sint.
|
||||
%p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
|
||||
%a{href: "#"}
|
||||
more details
|
||||
%span →
|
||||
.feature
|
||||
.ficon
|
||||
%img{alt: "", src: "crafty/img/icon4.png"}/
|
||||
.details_exp
|
||||
%h3 Excepteur sint.
|
||||
%p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
|
||||
%a{href: "#"}
|
||||
more details
|
||||
%span →
|
||||
.feature
|
||||
.ficon
|
||||
%img{alt: "", src: "crafty/img/icon5.png"}/
|
||||
.details_exp
|
||||
%h3 Excepteur sint.
|
||||
%p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
|
||||
%a{href: "#"}
|
||||
more details
|
||||
%span →
|
||||
.feature
|
||||
.ficon
|
||||
%img{alt: "", src: "crafty/img/icon6.png"}/
|
||||
.details_exp
|
||||
%h3 Excepteur sint.
|
||||
%p Coccaecat cupidatat aliqu proident sunt in culpa qui officia deserunt mollit anim.
|
||||
%a{href: "#"}
|
||||
more details
|
||||
%span →
|
||||
|
||||
%section.testimonials.wrapper
|
||||
%span.sep_line.sep_top
|
||||
%h2 Testimonials
|
||||
#tslider.testi_slider
|
||||
.t
|
||||
%p Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu pariatur.
|
||||
%p.author John Doe - UX Designer
|
||||
.t
|
||||
%p Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu pariatur.
|
||||
%p.author Jane Eva - SEO Expert
|
||||
.t
|
||||
%p Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu pariatur, Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
||||
%p.author John David - Developer
|
||||
#t_navigation
|
||||
%span.sep_line.sep_bottom
|
||||
|
||||
%section.info
|
||||
.info_pic
|
||||
.info_details
|
||||
%h3 sed do eiusmod tempor incididunt ut labore et dolore.
|
||||
%p Magna aliqua ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit in voluptate velit esse cillum.
|
||||
%a{href: ""}
|
||||
More Details
|
||||
%span →
|
||||
|
||||
%section.cta
|
||||
%h3 Take Action & buy your copy now!
|
||||
%p excepteur sint occaecat cupidatat non proiden deserunt mollit anim laborum.
|
||||
%a.cta_btn{href: "#"} Sign up now!
|
||||
%span.cta_sep
|
||||
|
||||
%footer
|
||||
%img{alt: "Crafty", src: "crafty/img/logo_footer.png"}/
|
||||
%p.rights
|
||||
Copyright © crafty - All rights reserved, Find more free templates at
|
||||
%a{href: "http://pixelhint.com"} Pixelhint.com
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,30 +0,0 @@
|
||||
$(document).ready(function(){
|
||||
|
||||
/* Testimonials Slider */
|
||||
$('#tslider').carouFredSel({
|
||||
circular : true,
|
||||
infinite: false,
|
||||
responsive : true,
|
||||
scroll : {
|
||||
items : 1,
|
||||
fx : "fade"
|
||||
},
|
||||
pagination: {
|
||||
container: "#t_navigation",
|
||||
anchorBuilder: function(nr){
|
||||
return '<a href="#'+nr+'"></a>';
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
/* hide-show mobile menu */
|
||||
$("#menu_icon").click(function(){
|
||||
$("#nav_menu").toggleClass("show_menu");
|
||||
return false;
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
4
source/crafty/js/jquery.js
vendored
4
source/crafty/js/jquery.js
vendored
File diff suppressed because one or more lines are too long
@ -3,29 +3,35 @@ title: A Fresh Start
|
||||
---
|
||||
|
||||
.row
|
||||
.col-md-8
|
||||
.col-md-10.col-md-offset-1.col-sm-12
|
||||
.row
|
||||
.col-md-12
|
||||
.media
|
||||
= tag :img, src: '/assets/img/star_nasa.jpg', class:'media-object'
|
||||
.row
|
||||
.col-md-8
|
||||
|
||||
%h2 I’m Mark Moser, your digital handyman.
|
||||
%h2 I’m Mark Moser, your digital handyman.
|
||||
|
||||
%p
|
||||
I’m most fond of working in video post production: editing, compositing, and
|
||||
motion graphics. I’m all set up for your HD video needs or putting together that
|
||||
web video you are dreaming up. I can either be your “one man band” for those smaller
|
||||
productions, put together a killer team when you need even greater production value,
|
||||
or be the go-to post production guy you call to join your existing team.
|
||||
%p
|
||||
I’m most fond of working in video post production: editing, compositing, and
|
||||
motion graphics. I’m all set up for your HD video needs or putting together that
|
||||
web video you are dreaming up. I can either be your “one man band” for those smaller
|
||||
productions, put together a killer team when you need even greater production value,
|
||||
or be the go-to post production guy you call to join your existing team.
|
||||
|
||||
%p
|
||||
I have experience shooting interviews and putting together short informational
|
||||
videos. I am very comfortable in the whole Adobe Production Suite of tools. I also
|
||||
work with wordpress, developing themes and custom plugins to accomplish tasks not
|
||||
quite covered in the base install.
|
||||
%p
|
||||
I have experience shooting interviews and putting together short informational
|
||||
videos. I am very comfortable in the whole Adobe Production Suite of tools. I also
|
||||
work with wordpress, developing themes and custom plugins to accomplish tasks not
|
||||
quite covered in the base install.
|
||||
|
||||
%p
|
||||
I want to do great work, with people who also do great work. I love to explore and
|
||||
learn about my world. I enjoy being challenged. I take pleasure in providing creative
|
||||
solutions to specific needs, always keeping the bigger picture in mind. I was raised to
|
||||
work hard and play hard. I have a high value for quality
|
||||
craftsmanship and look forward to getting my hands dirty realizing your vision.
|
||||
%p
|
||||
I want to do great work, with people who also do great work. I love to explore and
|
||||
learn about my world. I enjoy being challenged. I take pleasure in providing creative
|
||||
solutions to specific needs, always keeping the bigger picture in mind. I was raised to
|
||||
work hard and play hard. I have a high value for quality
|
||||
craftsmanship and look forward to getting my hands dirty realizing your vision.
|
||||
|
||||
.col-md-4
|
||||
= partial "partials/side_list"
|
||||
.col-md-4
|
||||
= partial "partials/side_list"
|
||||
|
||||
@ -17,8 +17,9 @@
|
||||
%body{class: page_classes}
|
||||
/[if lt IE 8]
|
||||
<haml_loud> partial "partials/compatibility-notice" </haml_loud>
|
||||
.wrapper
|
||||
= partial "partials/header"
|
||||
.container-fluid
|
||||
= yield
|
||||
= partial "partials/footer"
|
||||
= javascript_include_tag "app"
|
||||
= partial "partials/footer"
|
||||
= javascript_include_tag "app"
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
%footer
|
||||
%p
|
||||
=link_to 'main', '/'
|
||||
·
|
||||
= link_to 'projects', 'video'
|
||||
%p= mail_to 'mmoser@fullsight.com'
|
||||
%p 309.363.4474
|
||||
.container-fluid
|
||||
.row
|
||||
.col-md-10.col-md-offset-1.col-sm-12
|
||||
|
||||
-# .text-center
|
||||
-# %p= mail_to 'mmoser@fullsight.com'
|
||||
|
||||
@ -1,18 +1,27 @@
|
||||
%nav.navbar.navbar-default{:role => "navigation"}
|
||||
%header
|
||||
.container-fluid
|
||||
/ Brand and toggle get grouped for better mobile display
|
||||
.navbar-header
|
||||
%button.navbar-toggle.collapsed{"data-target" => "#bs-example-navbar-collapse-1", "data-toggle" => "collapse", :type => "button"}
|
||||
%span.sr-only Toggle navigation
|
||||
%span.icon-bar
|
||||
%span.icon-bar
|
||||
%span.icon-bar
|
||||
%a.navbar-brand{:href => "/"}
|
||||
= tag :img, src: '/assets/img/ObleyMirror_100.jpg'
|
||||
/ Collect the nav links, forms, and other content for toggling
|
||||
#bs-example-navbar-collapse-1.collapse.navbar-collapse
|
||||
%ul.nav.navbar-nav
|
||||
%li.active
|
||||
%a{:href => "#"} Link
|
||||
%li
|
||||
%a{:href => "#"} Link
|
||||
.row
|
||||
.col-md-10.col-md-offset-1.col-sm-12
|
||||
%nav
|
||||
%ul
|
||||
%li
|
||||
%a{href: '/'}
|
||||
-# = tag :img, src: '/assets/img/ObleyMirror_100.jpg', alt: 'Mark Moser Mirror'
|
||||
home
|
||||
%li
|
||||
%a{href: "video"} video
|
||||
%li
|
||||
%a{href: "#"} contact
|
||||
|
||||
%ul.social
|
||||
:ruby
|
||||
social_links = {
|
||||
'fa-linkedin-square' => 'http://linkedin.com/in/markamoser/',
|
||||
'fa-twitter' => 'https://twitter.com/obley',
|
||||
'fa-github' => 'https://github.com/markmoser',
|
||||
'fa-bitbucket' => 'https://bitbucket.org/markamoser',
|
||||
}
|
||||
- social_links.each do |k,v|
|
||||
%li
|
||||
= link_to "#{v}" do
|
||||
%i.fa.fa-lg{class: "#{k}"}
|
||||
|
||||
@ -32,9 +32,3 @@
|
||||
%li
|
||||
free cloud storage from
|
||||
= link_to 'dropbox', 'https://www.getdropbox.com/referrals/NTUzODQzOQ'
|
||||
|
||||
%ul
|
||||
%li TEMPLATE TEMP
|
||||
%li= link_to 'blogin', 'blogin'
|
||||
%li= link_to 'blogin-sidebar', 'blogin/article.html'
|
||||
%li= link_to 'crafty', 'crafty'
|
||||
|
||||
Reference in New Issue
Block a user