mmoser/markamoser.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

a fresh start

Browse Source
This commit is contained in:
Mark Moser
2014-08-28 21:46:46 -05:00
commit 1a187efd62
86 changed files with 8040 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

533
source/crafty/css/crafty.css Normal file
View File

@ -0,0 +1,533 @@
/*
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;

658
source/crafty/css/crafty_responsive.css Normal file
View File

@ -0,0 +1,658 @@
/*
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;
}
}

99
source/crafty/css/reset.css Normal file
View File

@ -0,0 +1,99 @@
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;
}

BIN
source/crafty/img/billboard.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 854 KiB

BIN
source/crafty/img/icon1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
source/crafty/img/icon2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
source/crafty/img/icon3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
source/crafty/img/icon4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
source/crafty/img/icon5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
source/crafty/img/icon6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
source/crafty/img/info_img.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 231 KiB

BIN
source/crafty/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
source/crafty/img/logo_footer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
source/crafty/img/menu_icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1018 B

BIN
source/crafty/img/slider_nav.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
source/crafty/img/sm.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
source/crafty/img/sm_hover.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

134
source/crafty/index.html.haml Normal file
View File

@ -0,0 +1,134 @@
!!!
%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

4255
source/crafty/js/carouFredSel.js Normal file
View File

File diff suppressed because it is too large Load Diff

30
source/crafty/js/crafty.js Normal file
View File

@ -0,0 +1,30 @@
$(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 Normal file
View File

File diff suppressed because one or more lines are too long