From 5a7831c5d831595573c72f019b465040055f1b6f Mon Sep 17 00:00:00 2001 From: akshith6212 Date: Sun, 16 May 2021 14:30:01 +0530 Subject: [PATCH 01/11] day2 --- css/main.css | 3200 +++++++++++++++++++++++++------------------------- index.html | 1452 ++++++++++++----------- 2 files changed, 2324 insertions(+), 2328 deletions(-) diff --git a/css/main.css b/css/main.css index b1e4037..cf9cc20 100755 --- a/css/main.css +++ b/css/main.css @@ -7,44 +7,44 @@ /* montserrat */ @font-face { - font-family: "montserrat-regular"; - src: url("../fonts/montserrat/montserrat-regular-webfont.woff2") format("woff2"), - url("../fonts/montserrat/montserrat-regular-webfont.woff") format("woff"); - font-style: normal; - font-weight: normal; + font-family: "montserrat-regular"; + src: url("../fonts/montserrat/montserrat-regular-webfont.woff2") format("woff2"), + url("../fonts/montserrat/montserrat-regular-webfont.woff") format("woff"); + font-style: normal; + font-weight: normal; } @font-face { - font-family: "montserrat-bold"; - src: url("../fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2"), - url("../fonts/montserrat/montserrat-bold-webfont.woff") format("woff"); - font-style: normal; - font-weight: normal; + font-family: "montserrat-bold"; + src: url("../fonts/montserrat/montserrat-bold-webfont.woff2") format("woff2"), + url("../fonts/montserrat/montserrat-bold-webfont.woff") format("woff"); + font-style: normal; + font-weight: normal; } /* libre baskerville */ @font-face { - font-family: "librebaskerville-regular"; - src: url("../fonts/librebaskerville/librebaskerville-regular-webfont.woff2") format("woff2"), - url("../fonts/librebaskerville/librebaskerville-regular-webfont.woff") format("woff"); - font-style: normal; - font-weight: normal; + font-family: "librebaskerville-regular"; + src: url("../fonts/librebaskerville/librebaskerville-regular-webfont.woff2") format("woff2"), + url("../fonts/librebaskerville/librebaskerville-regular-webfont.woff") format("woff"); + font-style: normal; + font-weight: normal; } @font-face { - font-family: "librebaskerville-italic"; - src: url("../fonts/librebaskerville/librebaskerville-italic-webfont.woff2") format("woff2"), - url("../fonts/librebaskerville/librebaskerville-italic-webfont.woff") format("woff"); - font-style: normal; - font-weight: normal; + font-family: "librebaskerville-italic"; + src: url("../fonts/librebaskerville/librebaskerville-italic-webfont.woff2") format("woff2"), + url("../fonts/librebaskerville/librebaskerville-italic-webfont.woff") format("woff"); + font-style: normal; + font-weight: normal; } @font-face { - font-family: "librebaskerville-bold"; - src: url("../fonts/librebaskerville/librebaskerville-bold-webfont.woff2") format("woff2"), - url("../fonts/librebaskerville/librebaskerville-bold-webfont.woff") format("woff"); - font-style: normal; - font-weight: normal; + font-family: "librebaskerville-bold"; + src: url("../fonts/librebaskerville/librebaskerville-bold-webfont.woff2") format("woff2"), + url("../fonts/librebaskerville/librebaskerville-bold-webfont.woff") format("woff"); + font-style: normal; + font-weight: normal; } /* =================================================================== @@ -52,40 +52,40 @@ * * ------------------------------------------------------------------- */ html { - font-size: 10px; + font-size: 10px; } @media only screen and (max-width:1024px) { - html { - font-size: 9.375px; - } + html { + font-size: 9.375px; + } } @media only screen and (max-width:768px) { - html { - font-size: 10px; - } + html { + font-size: 10px; + } } @media only screen and (max-width:400px) { - html { - font-size: 9.375px; - } + html { + font-size: 9.375px; + } } html, body { - height: 100%; + height: 100%; } body { - background: #050505; - font-family: "librebaskerville-regular", serif; - font-size: 1.6rem; - line-height: 3rem; - color: #353535; - margin: 0; - padding: 0; + background: #050505; + font-family: "librebaskerville-regular", serif; + font-size: 1.6rem; + line-height: 3rem; + color: #353535; + margin: 0; + padding: 0; } /* ------------------------------------------------------------------- @@ -93,17 +93,17 @@ body { * ------------------------------------------------------------------- */ a, a:visited { - color: #f0a359; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -webkit-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + color: #f0a359; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } a:hover, a:focus { - color: #000000; + color: #000000; } /* =================================================================== @@ -122,93 +122,93 @@ h6, .h04, .h05, .h06 { - font-family: "montserrat-bold", sans-serif; - color: #151515; - font-style: normal; - text-rendering: optimizeLegibility; - margin-bottom: 2.1rem; + font-family: "montserrat-bold", sans-serif; + color: #151515; + font-style: normal; + text-rendering: optimizeLegibility; + margin-bottom: 2.1rem; } h3, .h03, h4, .h04 { - margin-bottom: 1.8rem; + margin-bottom: 1.8rem; } h5, .h05, h6, .h06 { - margin-bottom: 1.2rem; + margin-bottom: 1.2rem; } h1, .h01 { - font-size: 3.1rem; - line-height: 1.35; - letter-spacing: -.1rem; + font-size: 3.1rem; + line-height: 1.35; + letter-spacing: -.1rem; } @media only screen and (max-width:600px) { - h1, - .h01 { - font-size: 2.6rem; - letter-spacing: -.07rem; - } + h1, + .h01 { + font-size: 2.6rem; + letter-spacing: -.07rem; + } } h2, .h02 { - font-size: 2.4rem; - line-height: 1.25; + font-size: 2.4rem; + line-height: 1.25; } h3, .h03 { - font-size: 2rem; - line-height: 1.5; + font-size: 2rem; + line-height: 1.5; } h4, .h04 { - font-size: 1.7rem; - line-height: 1.76; + font-size: 1.7rem; + line-height: 1.76; } h5, .h05 { - font-size: 1.4rem; - line-height: 1.7; - text-transform: uppercase; - letter-spacing: .2rem; + font-size: 1.4rem; + line-height: 1.7; + text-transform: uppercase; + letter-spacing: .2rem; } h6, .h06 { - font-size: 1.3rem; - line-height: 1.85; - text-transform: uppercase; - letter-spacing: .2rem; + font-size: 1.3rem; + line-height: 1.85; + text-transform: uppercase; + letter-spacing: .2rem; } p img { - margin: 0; + margin: 0; } p.lead { - font-family: "montserrat-regular", sans-serif; - font-size: 2rem; - line-height: 1.8; - color: #4f4f4f; - margin-bottom: 3.6rem; + font-family: "montserrat-regular", sans-serif; + font-size: 2rem; + line-height: 1.8; + color: #4f4f4f; + margin-bottom: 3.6rem; } @media only screen and (max-width:768px) { - p.lead { - font-size: 1.8rem; - } + p.lead { + font-size: 1.8rem; + } } @@ -216,76 +216,76 @@ em, i, strong, b { - font-size: 1.6rem; - line-height: 3rem; - font-style: normal; - font-weight: normal; + font-size: 1.6rem; + line-height: 3rem; + font-style: normal; + font-weight: normal; } em, i { - font-family: "librebaskerville-italic", serif; + font-family: "librebaskerville-italic", serif; } strong, b { - font-family: "librebaskerville-bold", serif; + font-family: "librebaskerville-bold", serif; } small { - font-size: 1.1rem; - line-height: inherit; + font-size: 1.1rem; + line-height: inherit; } blockquote { - margin: 3rem 0; - padding-left: 5rem; - position: relative; + margin: 3rem 0; + padding-left: 5rem; + position: relative; } blockquote:before { - content: "\201C"; - font-size: 10rem; - line-height: 0px; - margin: 0; - color: rgba(0, 0, 0, 0.3); - font-family: arial, sans-serif; - position: absolute; - top: 3.6rem; - left: 0; + content: "\201C"; + font-size: 10rem; + line-height: 0px; + margin: 0; + color: rgba(0, 0, 0, 0.3); + font-family: arial, sans-serif; + position: absolute; + top: 3.6rem; + left: 0; } blockquote p { - font-family: "librebaskerville-italic", georgia, serif; - font-style: italic; - padding: 0; - font-size: 1.9rem; - line-height: 1.895; + font-family: "librebaskerville-italic", georgia, serif; + font-style: italic; + padding: 0; + font-size: 1.9rem; + line-height: 1.895; } blockquote cite { - display: block; - font-size: 1.3rem; - font-style: normal; - line-height: 1.615; + display: block; + font-size: 1.3rem; + font-style: normal; + line-height: 1.615; } blockquote cite:before { - content: "\2014 \0020"; + content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { - color: #4f4f4f; - border: none; + color: #4f4f4f; + border: none; } abbr { - font-family: "librebaskerville-bold", serif; - font-variant: small-caps; - text-transform: lowercase; - letter-spacing: .05rem; - color: #4f4f4f; + font-family: "librebaskerville-bold", serif; + font-variant: small-caps; + text-transform: lowercase; + letter-spacing: .05rem; + color: #4f4f4f; } var, @@ -293,117 +293,117 @@ kbd, samp, code, pre { - font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace; + font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace; } pre { - padding: 2.4rem 3rem 3rem; - background: #F1F1F1; + padding: 2.4rem 3rem 3rem; + background: #F1F1F1; } code { - font-size: 1.4rem; - margin: 0 .2rem; - padding: .3rem .6rem; - white-space: nowrap; - background: #F1F1F1; - border: 1px solid #E1E1E1; - border-radius: 3px; + font-size: 1.4rem; + margin: 0 .2rem; + padding: .3rem .6rem; + white-space: nowrap; + background: #F1F1F1; + border: 1px solid #E1E1E1; + border-radius: 3px; } -pre>code { - display: block; - white-space: pre; - line-height: 2; - padding: 0; - margin: 0; +pre > code { + display: block; + white-space: pre; + line-height: 2; + padding: 0; + margin: 0; } -pre.prettyprint>code { - border: none; +pre.prettyprint > code { + border: none; } del { - text-decoration: line-through; + text-decoration: line-through; } abbr[title], dfn[title] { - border-bottom: 1px dotted; - cursor: help; + border-bottom: 1px dotted; + cursor: help; } mark { - background: #FFF49B; - color: #000; + background: #FFF49B; + color: #000; } hr { - border: solid #d2d2d2; - border-width: 1px 0 0; - clear: both; - margin: 2.4rem 0 1.5rem; - height: 0; + border: solid #d2d2d2; + border-width: 1px 0 0; + clear: both; + margin: 2.4rem 0 1.5rem; + height: 0; } /* ------------------------------------------------------------------- * Lists - (_document-setup.scss) * ------------------------------------------------------------------- */ ol { - list-style: decimal; + list-style: decimal; } ul { - list-style: disc; + list-style: disc; } li { - display: list-item; + display: list-item; } ol, ul { - margin-left: 1.7rem; + margin-left: 1.7rem; } ul li { - padding-left: .4rem; + padding-left: .4rem; } ul ul, ul ol, ol ol, ol ul { - margin: .6rem 0 .6rem 1.7rem; + margin: .6rem 0 .6rem 1.7rem; } ul.disc li { - display: list-item; - list-style: none; - padding: 0 0 0 .8rem; - position: relative; + display: list-item; + list-style: none; + padding: 0 0 0 .8rem; + position: relative; } ul.disc li::before { - content: ""; - display: inline-block; - width: 8px; - height: 8px; - border-radius: 50%; - background: #4C2405; - position: absolute; - left: -17px; - top: 11px; - vertical-align: middle; + content: ""; + display: inline-block; + width: 8px; + height: 8px; + border-radius: 50%; + background: #4C2405; + position: absolute; + left: -17px; + top: 11px; + vertical-align: middle; } dt { - margin: 0; - color: #4C2405; + margin: 0; + color: #4C2405; } dd { - margin: 0 0 0 2rem; + margin: 0 0 0 2rem; } /* ------------------------------------------------------------------- @@ -411,11 +411,11 @@ dd { * ------------------------------------------------------------------- */ button, .button { - margin-bottom: 1.2; + margin-bottom: 1.2; } fieldset { - margin-bottom: 1.5rem; + margin-bottom: 1.5rem; } input, @@ -432,115 +432,115 @@ dl, form, .fluid-video-wrapper, .ss-custom-select { - margin-bottom: 3rem; + margin-bottom: 3rem; } /* ------------------------------------------------------------------- * floated image - (_document-setup) * ------------------------------------------------------------------- */ img.pull-right { - margin: 1.5rem 0 0 3rem; + margin: 1.5rem 0 0 3rem; } img.pull-left { - margin: 1.5rem 3rem 0 0; + margin: 1.5rem 3rem 0 0; } /* ------------------------------------------------------------------- * block grids paddings * ------------------------------------------------------------------- */ .bgrid { - padding: 0 20px; + padding: 0 20px; } @media only screen and (max-width:1024px) { - .bgrid { - padding: 0 18px; - } + .bgrid { + padding: 0 18px; + } } @media only screen and (max-width:768px) { - .bgrid { - padding: 0 15px; - } + .bgrid { + padding: 0 15px; + } } @media only screen and (max-width:600px) { - .bgrid { - padding: 0 10px; - } + .bgrid { + padding: 0 10px; + } } @media only screen and (max-width:400px) { - .bgrid { - padding: 0; - } + .bgrid { + padding: 0; + } } /* ------------------------------------------------------------------- * tables - (_document-setup.scss) * ------------------------------------------------------------------- */ table { - border-width: 0; - width: 100%; - max-width: 100%; - font-family: "librebaskerville-regular", sans-serif; + border-width: 0; + width: 100%; + max-width: 100%; + font-family: "librebaskerville-regular", sans-serif; } th, td { - padding: 1.5rem 3rem; - text-align: left; - border-bottom: 1px solid #E8E8E8; + padding: 1.5rem 3rem; + text-align: left; + border-bottom: 1px solid #E8E8E8; } th { - color: #151515; - font-family: "montserrat-bold", sans-serif; + color: #151515; + font-family: "montserrat-bold", sans-serif; } td { - line-height: 1.5; + line-height: 1.5; } th:first-child, td:first-child { - padding-left: 0; + padding-left: 0; } th:last-child, td:last-child { - padding-right: 0; + padding-right: 0; } .table-responsive { - overflow-x: auto; - -webkit-overflow-scrolling: touch; + overflow-x: auto; + -webkit-overflow-scrolling: touch; } /* ------------------------------------------------------------------- * pace.js styles - minimal - (_document-setup.scss) * ------------------------------------------------------------------- */ .pace { - -webkit-pointer-events: none; - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + -webkit-pointer-events: none; + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } .pace-inactive { - display: none; + display: none; } .pace .pace-progress { - background: #FFFFFF; - position: fixed; - z-index: 900; - top: 0; - right: 100%; - width: 100%; - height: 6px; + background: #FFFFFF; + position: fixed; + z-index: 900; + top: 0; + right: 100%; + width: 100%; + height: 6px; } @@ -549,69 +549,69 @@ td:last-child { * * ------------------------------------------------------------------- */ #preloader { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: #050505; - z-index: 800; - height: 100%; - width: 100%; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: #050505; + z-index: 800; + height: 100%; + width: 100%; } .no-js #preloader, .oldie #preloader { - display: none; + display: none; } #loader { - position: absolute; - left: 50%; - top: 50%; - width: 60px; - height: 60px; - margin: -30px 0 0 -30px; - padding: 0; + position: absolute; + left: 50%; + top: 50%; + width: 60px; + height: 60px; + margin: -30px 0 0 -30px; + padding: 0; } #loader:before { - content: ""; - border-top: 6px solid rgba(255, 255, 255, 0.1); - border-right: 6px solid rgba(255, 255, 255, 0.1); - border-bottom: 6px solid rgba(255, 255, 255, 0.1); - border-left: 6px solid #FFFFFF; - -webkit-animation: load 1.1s infinite linear; - animation: load 1.1s infinite linear; - display: block; - border-radius: 50%; - width: 60px; - height: 60px; + content: ""; + border-top: 6px solid rgba(255, 255, 255, 0.1); + border-right: 6px solid rgba(255, 255, 255, 0.1); + border-bottom: 6px solid rgba(255, 255, 255, 0.1); + border-left: 6px solid #FFFFFF; + -webkit-animation: load 1.1s infinite linear; + animation: load 1.1s infinite linear; + display: block; + border-radius: 50%; + width: 60px; + height: 60px; } @-webkit-keyframes load { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } @keyframes load { - 0% { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } @@ -621,7 +621,7 @@ td:last-child { * * ------------------------------------------------------------------- */ fieldset { - border: none; + border: none; } input[type="email"], @@ -633,77 +633,77 @@ input[type="url"], input[type="password"], textarea, select { - display: block; - height: 6rem; - padding: 1.5rem 0; - border: 0; - outline: none; - vertical-align: middle; - color: #313131; - font-family: "montserrat-regular", sans-serif; - font-size: 1.5rem; - line-height: 3rem; - max-width: 100%; - background: transparent; - border-bottom: 1px solid rgba(0, 0, 0, 0.3); - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -webkit-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + display: block; + height: 6rem; + padding: 1.5rem 0; + border: 0; + outline: none; + vertical-align: middle; + color: #313131; + font-family: "montserrat-regular", sans-serif; + font-size: 1.5rem; + line-height: 3rem; + max-width: 100%; + background: transparent; + border-bottom: 1px solid rgba(0, 0, 0, 0.3); + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .ss-custom-select { - position: relative; - padding: 0; + position: relative; + padding: 0; } .ss-custom-select select { - -webkit-appearance: none; - -moz-appearance: none; - -ms-appearance: none; - -o-appearance: none; - appearance: none; - text-indent: 0.01px; - text-overflow: ''; - margin: 0; - line-height: 3rem; - vertical-align: middle; + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + -o-appearance: none; + appearance: none; + text-indent: 0.01px; + text-overflow: ''; + margin: 0; + line-height: 3rem; + vertical-align: middle; } .ss-custom-select select option { - padding-left: 2rem; - padding-right: 2rem; + padding-left: 2rem; + padding-right: 2rem; } .ss-custom-select select::-ms-expand { - display: none; + display: none; } .ss-custom-select::after { - content: '\f0d7'; - font-family: 'FontAwesome'; - position: absolute; - top: 50%; - right: 1.5rem; - margin-top: -10px; - bottom: auto; - width: 20px; - height: 20px; - line-height: 20px; - font-size: 18px; - text-align: center; - pointer-events: none; - color: #252525; + content: '\f0d7'; + font-family: 'FontAwesome'; + position: absolute; + top: 50%; + right: 1.5rem; + margin-top: -10px; + bottom: auto; + width: 20px; + height: 20px; + line-height: 20px; + font-size: 18px; + text-align: center; + pointer-events: none; + color: #252525; } /* IE9 and below */ .oldie .ss-custom-select::after { - display: none; + display: none; } textarea { - min-height: 25rem; + min-height: 25rem; } input[type="email"]:focus, @@ -715,61 +715,61 @@ input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { - color: #1c0d02; - border-bottom: 1px solid #4C2405; + color: #1c0d02; + border-bottom: 1px solid #4C2405; } label, legend { - font-family: "montserrat-bold", sans-serif; - font-size: 1.4rem; - margin-bottom: .6rem; - color: #020202; - display: block; + font-family: "montserrat-bold", sans-serif; + font-size: 1.4rem; + margin-bottom: .6rem; + color: #020202; + display: block; } input[type="checkbox"], input[type="radio"] { - display: inline; + display: inline; } -label>.label-text { - display: inline-block; - margin-left: 1rem; - font-family: "montserrat-regular", sans-serif; - line-height: inherit; +label > .label-text { + display: inline-block; + margin-left: 1rem; + font-family: "montserrat-regular", sans-serif; + line-height: inherit; } -label>input[type="checkbox"], -label>input[type="radio"] { - margin: 0; - position: relative; - top: .15rem; +label > input[type="checkbox"], +label > input[type="radio"] { + margin: 0; + position: relative; + top: .15rem; } /* ----------------------------------------------------------- * Style Placeholder Text * ----------------------------------------------------------- */ ::-webkit-input-placeholder { - color: #828282; + color: #828282; } :-moz-placeholder { - color: #828282; - /* Firefox 18- */ + color: #828282; + /* Firefox 18- */ } ::-moz-placeholder { - color: #828282; - /* Firefox 19+ */ + color: #828282; + /* Firefox 19+ */ } :-ms-input-placeholder { - color: #828282; + color: #828282; } .placeholder { - color: #828282 !important; + color: #828282 !important; } /* ----------------------------------------------------------- @@ -783,9 +783,9 @@ textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { - border: none; - -webkit-text-fill-color: #7c3b08; - transition: background-color 5000s ease-in-out 0s; + border: none; + -webkit-text-fill-color: #7c3b08; + transition: background-color 5000s ease-in-out 0s; } @@ -799,27 +799,27 @@ button, input[type="submit"], input[type="reset"], input[type="button"] { - display: inline-block; - font-family: "montserrat-bold", sans-serif; - font-size: 1.4rem; - text-transform: uppercase; - letter-spacing: .3rem; - height: 5.4rem; - line-height: 5.4rem; - padding: 0 3rem; - margin: 0 .3rem 1.2rem 0; - background: #808080; - color: #222222; - text-decoration: none; - cursor: pointer; - text-align: center; - white-space: nowrap; - border: none; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -webkit-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + display: inline-block; + font-family: "montserrat-bold", sans-serif; + font-size: 1.4rem; + text-transform: uppercase; + letter-spacing: .3rem; + height: 5.4rem; + line-height: 5.4rem; + padding: 0 3rem; + margin: 0 .3rem 1.2rem 0; + background: #808080; + color: #222222; + text-decoration: none; + cursor: pointer; + text-align: center; + white-space: nowrap; + border: none; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .button:hover, @@ -833,9 +833,9 @@ button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { - background: #737373; - color: #000000; - outline: 0; + background: #737373; + color: #000000; + outline: 0; } .button.button-primary, @@ -844,8 +844,8 @@ button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary { - background: #151515; - color: #FFFFFF; + background: #151515; + color: #FFFFFF; } .button.button-primary:hover, @@ -859,56 +859,56 @@ button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus { - background: #030303; + background: #030303; } button.full-width, .button.full-width { - width: 100%; - margin-right: 0; + width: 100%; + margin-right: 0; } button.medium, .button.medium { - height: 5.7rem !important; - line-height: 5.7rem !important; - padding: 0 1.8rem !important; + height: 5.7rem !important; + line-height: 5.7rem !important; + padding: 0 1.8rem !important; } button.large, .button.large { - height: 6rem !important; - line-height: 6rem !important; - padding: 0rem 3rem !important; + height: 6rem !important; + line-height: 6rem !important; + padding: 0rem 3rem !important; } button.stroke, .button.stroke { - background: transparent !important; - border: 3px solid #313131; - line-height: 4.8rem; + background: transparent !important; + border: 3px solid #313131; + line-height: 4.8rem; } button.stroke.medium, .button.stroke.medium { - line-height: 5.1rem !important; + line-height: 5.1rem !important; } button.stroke.large, .button.stroke.large { - line-height: 5.4rem !important; + line-height: 5.4rem !important; } button.stroke:hover, .button.stroke:hover { - border: 3px solid #4C2405; - color: #4C2405; + border: 3px solid #4C2405; + color: #4C2405; } button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; + border: 0; + padding: 0; } @@ -921,39 +921,39 @@ input::-moz-focus-inner { * alert box - (_alert-box.scss) * ------------------------------------------------------------------- */ .alert-box { - padding: 2.1rem 4rem 2.1rem 3rem; - position: relative; - margin-bottom: 3rem; - border-radius: 3px; - font-family: "montserrat-regular", sans-serif; - font-size: 1.5rem; + padding: 2.1rem 4rem 2.1rem 3rem; + position: relative; + margin-bottom: 3rem; + border-radius: 3px; + font-family: "montserrat-regular", sans-serif; + font-size: 1.5rem; } .alert-box .close { - position: absolute; - right: 1.8rem; - top: 1.8rem; - cursor: pointer; + position: absolute; + right: 1.8rem; + top: 1.8rem; + cursor: pointer; } .ss-error { - background-color: #ffd1d2; - color: #e65153; + background-color: #ffd1d2; + color: #e65153; } .ss-success { - background-color: #c8e675; - color: #758c36; + background-color: #c8e675; + color: #758c36; } .ss-info { - background-color: #d7ecfb; - color: #4a95cc; + background-color: #d7ecfb; + color: #4a95cc; } .ss-notice { - background-color: #fff099; - color: #bba31b; + background-color: #fff099; + color: #bba31b; } /* ------------------------------------------------------------------- @@ -963,63 +963,63 @@ input::-moz-focus-inner { /* drop cap * ----------------------------------------------- */ .drop-cap:first-letter { - float: left; - margin: 0; - padding: 1.5rem .6rem 0 0; - font-size: 8.4rem; - font-family: "montserrat-bold", sans-serif; - line-height: 6rem; - text-indent: 0; - background: transparent; - color: #151515; + float: left; + margin: 0; + padding: 1.5rem .6rem 0 0; + font-size: 8.4rem; + font-family: "montserrat-bold", sans-serif; + line-height: 6rem; + text-indent: 0; + background: transparent; + color: #151515; } /* line definition style * ----------------------------------------------- */ .lining dt, .lining dd { - display: inline; - margin: 0; + display: inline; + margin: 0; } -.lining dt+dt:before, -.lining dd+dt:before { - content: "\A"; - white-space: pre; +.lining dt + dt:before, +.lining dd + dt:before { + content: "\A"; + white-space: pre; } -.lining dd+dd:before { - content: ", "; +.lining dd + dd:before { + content: ", "; } -.lining dd+dd:before { - content: ", "; +.lining dd + dd:before { + content: ", "; } .lining dd:before { - content: ": "; - margin-left: -0.2em; + content: ": "; + margin-left: -0.2em; } /* dictionary definition style * ----------------------------------------------- */ .dictionary-style dt { - display: inline; - counter-reset: definitions; + display: inline; + counter-reset: definitions; } -.dictionary-style dt+dt:before { - content: ", "; - margin-left: -0.2em; +.dictionary-style dt + dt:before { + content: ", "; + margin-left: -0.2em; } .dictionary-style dd { - display: block; - counter-increment: definitions; + display: block; + counter-increment: definitions; } .dictionary-style dd:before { - content: counter(definitions, decimal) ". "; + content: counter(definitions, decimal) ". "; } /** @@ -1035,37 +1035,37 @@ input::-moz-focus-inner { * * --------------------------------------------------------------------- */ .pull-quote { - position: relative; - padding: 2.1rem 3rem 2.1rem 0px; + position: relative; + padding: 2.1rem 3rem 2.1rem 0px; } .pull-quote:before, .pull-quote:after { - height: 1em; - position: absolute; - font-size: 10rem; - font-family: Arial, Sans-Serif; - color: rgba(0, 0, 0, 0.3); + height: 1em; + position: absolute; + font-size: 10rem; + font-family: Arial, Sans-Serif; + color: rgba(0, 0, 0, 0.3); } .pull-quote:before { - content: "\201C"; - top: 33px; - left: 0; + content: "\201C"; + top: 33px; + left: 0; } .pull-quote:after { - content: '\201D'; - bottom: -33px; - right: 0; + content: '\201D'; + bottom: -33px; + right: 0; } .pull-quote blockquote { - margin: 0; + margin: 0; } .pull-quote blockquote:before { - content: none; + content: none; } /** @@ -1081,41 +1081,41 @@ input::-moz-focus-inner { * * --------------------------------------------------------------------- */ .stats-tabs { - padding: 0; - margin: 3rem 0; + padding: 0; + margin: 3rem 0; } .stats-tabs li { - display: inline-block; - margin: 0 1.5rem 3rem 0; - padding: 0 1.5rem 0 0; - border-right: 1px solid #ccc; + display: inline-block; + margin: 0 1.5rem 3rem 0; + padding: 0 1.5rem 0 0; + border-right: 1px solid #ccc; } .stats-tabs li:last-child { - margin: 0; - padding: 0; - border: none; + margin: 0; + padding: 0; + border: none; } .stats-tabs li a { - display: inline-block; - font-size: 2.5rem; - font-family: "montserrat-bold", sans-serif; - border: none; - color: #252525; + display: inline-block; + font-size: 2.5rem; + font-family: "montserrat-bold", sans-serif; + border: none; + color: #252525; } .stats-tabs li a:hover { - color: #4C2405; + color: #4C2405; } .stats-tabs li a em { - display: block; - margin: .6rem 0 0 0; - font-size: 1.4rem; - font-family: "montserrat-regular", sans-serif; - color: #4f4f4f; + display: block; + margin: .6rem 0 0 0; + font-size: 1.4rem; + font-family: "montserrat-regular", sans-serif; + color: #4f4f4f; } /** @@ -1123,140 +1123,140 @@ input::-moz-focus-inner { * ------------------------------------------------------------------- */ .skill-bars { - list-style: none; - margin: 6rem 0 3rem; + list-style: none; + margin: 6rem 0 3rem; } .skill-bars li { - height: .6rem; - background: #a1a1a1; - width: 100%; - margin-bottom: 6rem; - padding: 0; - position: relative; + height: .6rem; + background: #a1a1a1; + width: 100%; + margin-bottom: 6rem; + padding: 0; + position: relative; } .skill-bars li strong { - position: absolute; - left: 0; - top: -3rem; - font-family: "montserrat-bold", sans-serif; - color: #313131; - text-transform: uppercase; - letter-spacing: .2rem; - font-size: 1.5rem; - line-height: 2.4rem; + position: absolute; + left: 0; + top: -3rem; + font-family: "montserrat-bold", sans-serif; + color: #313131; + text-transform: uppercase; + letter-spacing: .2rem; + font-size: 1.5rem; + line-height: 2.4rem; } .skill-bars li .progress { - background: #313131; - position: relative; - height: 100%; + background: #313131; + position: relative; + height: 100%; } .skill-bars li .progress span { - position: absolute; - right: 0; - top: -3.6rem; - display: block; - font-family: "montserrat-regular", sans-serif; - color: white; - font-size: 1.1rem; - line-height: 1; - background: #313131; - padding: .6rem .6rem; - border-radius: 3px; + position: absolute; + right: 0; + top: -3.6rem; + display: block; + font-family: "montserrat-regular", sans-serif; + color: white; + font-size: 1.1rem; + line-height: 1; + background: #313131; + padding: .6rem .6rem; + border-radius: 3px; } .skill-bars li .progress span::after { - position: absolute; - left: 50%; - bottom: -5px; - margin-left: -5px; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - border-top: 5px solid #313131; - content: ""; + position: absolute; + left: 50%; + bottom: -5px; + margin-left: -5px; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + border-top: 5px solid #313131; + content: ""; } .skill-bars li .percent5 { - width: 5%; + width: 5%; } .skill-bars li .percent10 { - width: 10%; + width: 10%; } .skill-bars li .percent15 { - width: 15%; + width: 15%; } .skill-bars li .percent20 { - width: 20%; + width: 20%; } .skill-bars li .percent25 { - width: 25%; + width: 25%; } .skill-bars li .percent30 { - width: 30%; + width: 30%; } .skill-bars li .percent35 { - width: 35%; + width: 35%; } .skill-bars li .percent40 { - width: 40%; + width: 40%; } .skill-bars li .percent45 { - width: 45%; + width: 45%; } .skill-bars li .percent50 { - width: 10%; + width: 50%; } .skill-bars li .percent55 { - width: 15%; + width: 55%; } .skill-bars li .percent60 { - width: 90%; + width: 60%; } .skill-bars li .percent65 { - width: 25%; + width: 65%; } .skill-bars li .percent70 { - width: 10%; + width: 70%; } .skill-bars li .percent75 { - width: 15%; + width: 75%; } .skill-bars li .percent80 { - width: 20%; + width: 80%; } .skill-bars li .percent85 { - width: 8.5%; + width: 85%; } .skill-bars li .percent90 { - width: 9%; + width: 90%; } .skill-bars li .percent95 { - width: 5%; + width: 95%; } .skill-bars li .percent100 { - width: 0%; + width: 100%; } /* =================================================================== @@ -1264,38 +1264,38 @@ input::-moz-focus-inner { * * ------------------------------------------------------------------- */ .section-intro { - text-align: center; - position: relative; - margin-bottom: 1.5rem; + text-align: center; + position: relative; + margin-bottom: 1.5rem; } .section-intro h1 { - font-family: "librebaskerville-bold", serif; - font-size: 4.8rem; - line-height: 1.375; - color: #151515; + font-family: "librebaskerville-bold", serif; + font-size: 4.8rem; + line-height: 1.375; + color: #151515; } .section-intro h3 { - font-family: "montserrat-bold", sans-serif; - font-size: 2rem; - color: #4C2405; - text-transform: uppercase; - letter-spacing: .15rem; - margin-bottom: 0; + font-family: "montserrat-bold", sans-serif; + font-size: 2rem; + color: #4C2405; + text-transform: uppercase; + letter-spacing: .15rem; + margin-bottom: 0; } .section-intro.with-bottom-sep { - padding-bottom: 4.2rem; - position: relative; + padding-bottom: 4.2rem; + position: relative; } .section-intro.with-bottom-sep::after { - display: inline-block; - height: 1px; - width: 240px; - background-color: #dedede; - text-align: center; + display: inline-block; + height: 1px; + width: 240px; + background-color: #dedede; + text-align: center; } /* ------------------------------------------------------------------- @@ -1303,55 +1303,55 @@ input::-moz-focus-inner { * section-intro * ------------------------------------------------------------------- */ @media only screen and (max-width:768px) { - .section-intro h1 { - font-size: 4.2rem; - } + .section-intro h1 { + font-size: 4.2rem; + } - .section-intro h3 { - font-size: 1.8rem; - } + .section-intro h3 { + font-size: 1.8rem; + } } @media only screen and (max-width:600px) { - .section-intro h1 { - font-size: 3.6rem; - } + .section-intro h1 { + font-size: 3.6rem; + } - .section-intro h3 { - font-size: 1.7rem; - } + .section-intro h3 { + font-size: 1.7rem; + } } @media only screen and (max-width:400px) { - .section-intro h1 { - font-size: 3.3rem; - } + .section-intro h1 { + font-size: 3.3rem; + } - .section-intro h3 { - font-size: 1.6rem; - } + .section-intro h3 { + font-size: 1.6rem; + } } .wide { - max-width: 1300px; + max-width: 1300px; } .narrow { - max-width: 800px; + max-width: 800px; } .js .animate-this, .js .animate-intro { - opacity: 0; + opacity: 0; } .oldie .animate-this, .oldie .animate-intro .no-cssanimations .animate-this, .no-cssanimations .animate-intro { - opacity: 1; + opacity: 1; } @@ -1360,282 +1360,282 @@ input::-moz-focus-inner { * * ------------------------------------------------------------------- */ header { - width: 100%; - height: auto; - position: absolute; - left: 0; - top: 0; - z-index: 700; + width: 100%; + height: auto; + position: absolute; + left: 0; + top: 0; + z-index: 700; } header .row { - height: auto; - max-width: 1300px; - position: relative; + height: auto; + max-width: 1300px; + position: relative; } /* ------------------------------------------------------------------- * header logo - (_layout.css) * ------------------------------------------------------------------- */ header .header-logo { - position: absolute; - left: 26px; - top: 30px; - -moz-transition: all 1s ease-in-out; - -o-transition: all 1s ease-in-out; - -webkit-transition: all 1s ease-in-out; - -ms-transition: all 1s ease-in-out; - transition: all 1s ease-in-out; + position: absolute; + left: 26px; + top: 30px; + -moz-transition: all 1s ease-in-out; + -o-transition: all 1s ease-in-out; + -webkit-transition: all 1s ease-in-out; + -ms-transition: all 1s ease-in-out; + transition: all 1s ease-in-out; } header .header-logo a { - display: block; - margin: 0; - padding: 0; - outline: 0; - border: none; - width: 100px; - height: 100px; - background: url("https://storage.googleapis.com/incind/IncubateINDijvFrGz") no-repeat center; - background-size: 100px 100px; - font: 0/0 a; - text-shadow: none; - color: transparent; - -moz-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - -webkit-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; + display: block; + margin: 0; + padding: 0; + outline: 0; + border: none; + width: 100px; + height: 100px; + background: url("https://storage.googleapis.com/incind/IncubateINDijvFrGz") no-repeat center; + background-size: 100px 100px; + font: 0/0 a; + text-shadow: none; + color: transparent; + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + -webkit-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; } /* ------------------------------------------------------------------- * menu trigger - (_layout.css) * ------------------------------------------------------------------- */ #header-menu-trigger { - display: block; - position: fixed; - right: 26px; - top: 30px; - height: 42px; - width: 42px; - line-height: 42px; - font-family: "montserrat-regular", sans-serif; - font-size: 1.4rem; - text-transform: uppercase; - letter-spacing: .2rem; - color: rgba(255, 255, 255, 0.5); - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -webkit-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + display: block; + position: fixed; + right: 26px; + top: 30px; + height: 42px; + width: 42px; + line-height: 42px; + font-family: "montserrat-regular", sans-serif; + font-size: 1.4rem; + text-transform: uppercase; + letter-spacing: .2rem; + color: rgba(255, 255, 255, 0.5); + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } #header-menu-trigger.opaque { - background-color: #000000; + background-color: #000000; } #header-menu-trigger.opaque .header-menu-text { - background-color: #000000; + background-color: #000000; } #header-menu-trigger:hover, #header-menu-trigger:focus { - color: #FFFFFF; + color: #FFFFFF; } #header-menu-trigger .header-menu-text { - display: block; - position: absolute; - top: 0; - left: -75px; - width: 75px; - text-align: center; - background-color: transparent; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -webkit-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + display: block; + position: absolute; + top: 0; + left: -75px; + width: 75px; + text-align: center; + background-color: transparent; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } #header-menu-trigger .header-menu-icon { - display: block; - height: 2px; - width: 24px; - background-color: #FFFFFF; - position: absolute; - top: 50%; - right: 9px; - margin-top: -2px; + display: block; + height: 2px; + width: 24px; + background-color: #FFFFFF; + position: absolute; + top: 50%; + right: 9px; + margin-top: -2px; } #header-menu-trigger .header-menu-icon::before, #header-menu-trigger .header-menu-icon::after { - content: ''; - width: 100%; - height: 100%; - background-color: inherit; - position: absolute; - left: 0; + content: ''; + width: 100%; + height: 100%; + background-color: inherit; + position: absolute; + left: 0; } #header-menu-trigger .header-menu-icon::before { - top: -9px; + top: -9px; } #header-menu-trigger .header-menu-icon::after { - bottom: -9px; + bottom: -9px; } /* ------------------------------------------------------------------- * off-canvas menu - (_layout.scss) * ------------------------------------------------------------------- */ #menu-nav-wrap { - background: #111111; - color: rgba(255, 255, 255, 0.25); - font-family: "montserrat-regular", sans-serif; - font-size: 1.5rem; - line-height: 1.6; - padding: 3.6rem 3rem; - height: 100%; - width: 240px; - position: fixed; - right: 0; - top: 0; - visibility: hidden; - z-index: 800; - overflow-y: auto; - -webkit-transform: translateZ(0); - -webkit-backface-visibility: hidden; - -webkit-transform: translateX(100%); - -ms-transform: translateX(100%); - transform: translateX(100%); - -moz-transition: all 0.4s ease-in-out; - -o-transition: all 0.4s ease-in-out; - -webkit-transition: all 0.4s ease-in-out; - -ms-transition: all 0.4s ease-in-out; - transition: all 0.4s ease-in-out; + background: #111111; + color: rgba(255, 255, 255, 0.25); + font-family: "montserrat-regular", sans-serif; + font-size: 1.5rem; + line-height: 1.6; + padding: 3.6rem 3rem; + height: 100%; + width: 240px; + position: fixed; + right: 0; + top: 0; + visibility: hidden; + z-index: 800; + overflow-y: auto; + -webkit-transform: translateZ(0); + -webkit-backface-visibility: hidden; + -webkit-transform: translateX(100%); + -ms-transform: translateX(100%); + transform: translateX(100%); + -moz-transition: all 0.4s ease-in-out; + -o-transition: all 0.4s ease-in-out; + -webkit-transition: all 0.4s ease-in-out; + -ms-transition: all 0.4s ease-in-out; + transition: all 0.4s ease-in-out; } #menu-nav-wrap a, #menu-nav-wrap a:visited { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); } #menu-nav-wrap a:hover, #menu-nav-wrap a:focus, #menu-nav-wrap a:active { - color: white; + color: white; } #menu-nav-wrap h3 { - color: white; - font-family: "montserrat-regular", sans-serif; - font-size: 2rem; - line-height: 1.5; - margin-bottom: 1.5rem; + color: white; + font-family: "montserrat-regular", sans-serif; + font-size: 2rem; + line-height: 1.5; + margin-bottom: 1.5rem; } #menu-nav-wrap .nav-list { - margin: 3.6rem 0 1.5rem 0; - padding: 0 0 1.8rem 0; - list-style: none; - line-height: 3.6rem; + margin: 3.6rem 0 1.5rem 0; + padding: 0 0 1.8rem 0; + list-style: none; + line-height: 3.6rem; } #menu-nav-wrap .nav-list li { - padding-left: 0; - border-bottom: 1px dotted rgba(255, 255, 255, 0.03); - line-height: 4.2rem; + padding-left: 0; + border-bottom: 1px dotted rgba(255, 255, 255, 0.03); + line-height: 4.2rem; } #menu-nav-wrap .nav-list li:first-child { - border-top: 1px dotted rgba(255, 255, 255, 0.03); + border-top: 1px dotted rgba(255, 255, 255, 0.03); } #menu-nav-wrap .nav-list li a { - color: rgba(255, 255, 255, 0.25); - display: block; + color: rgba(255, 255, 255, 0.25); + display: block; } #menu-nav-wrap .nav-list li a:hover, #menu-nav-wrap .nav-list li a:focus { - color: white; + color: white; } #menu-nav-wrap .header-social-list { - list-style: none; - display: inline-block; - margin: 0; - font-size: 2.1rem; + list-style: none; + display: inline-block; + margin: 0; + font-size: 2.1rem; } #menu-nav-wrap .header-social-list li { - margin-right: 12px; - padding-left: 0; - display: inline-block; + margin-right: 12px; + padding-left: 0; + display: inline-block; } #menu-nav-wrap .header-social-list li a { - color: rgba(255, 255, 255, 0.15); + color: rgba(255, 255, 255, 0.15); } #menu-nav-wrap .header-social-list li a:hover, #menu-nav-wrap .header-social-list li a:focus { - color: white; + color: white; } #menu-nav-wrap .header-social-list li:last-child { - margin: 0; + margin: 0; } #menu-nav-wrap .close-button { - display: block; - height: 30px; - width: 30px; - border-radius: 3px; - background-color: rgba(0, 0, 0, 0.3); - position: absolute; - top: 36px; - right: 30px; - font: 0/0 a; - text-shadow: none; - color: transparent; + display: block; + height: 30px; + width: 30px; + border-radius: 3px; + background-color: rgba(0, 0, 0, 0.3); + position: absolute; + top: 36px; + right: 30px; + font: 0/0 a; + text-shadow: none; + color: transparent; } #menu-nav-wrap .close-button span::before, #menu-nav-wrap .close-button span::after { - content: ""; - display: block; - height: 2px; - width: 12px; - background-color: #fff; - position: absolute; - top: 50%; - left: 9px; - margin-top: -1px; + content: ""; + display: block; + height: 2px; + width: 12px; + background-color: #fff; + position: absolute; + top: 50%; + left: 9px; + margin-top: -1px; } #menu-nav-wrap .close-button span::before { - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); } #menu-nav-wrap .close-button span::after { - -webkit-transform: rotate(45deg); - -ms-transform: rotate(45deg); - transform: rotate(45deg); + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); } /* menu is open */ .menu-is-open #menu-nav-wrap { - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); - visibility: visible; - -webkit-overflow-scrolling: touch; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + visibility: visible; + -webkit-overflow-scrolling: touch; } /* ------------------------------------------------------------------- @@ -1643,22 +1643,22 @@ header .header-logo a { * header section * ------------------------------------------------------------------- */ @media only screen and (max-width:768px) { - header .header-logo { - top: 27px; - } + header .header-logo { + top: 27px; + } - header .header-logo a { - width: 54px; - height: 54px; - background-size: 54px 54px; - } + header .header-logo a { + width: 54px; + height: 54px; + background-size: 54px 54px; + } } @media only screen and (max-width:400px) { - #header-menu-trigger .header-menu-text { - display: none; - } + #header-menu-trigger .header-menu-text { + display: none; + } } @@ -1667,131 +1667,131 @@ header .header-logo a { * * ------------------------------------------------------------------- */ #home { - background: #151515; - width: 100%; - height: 100%; - background-image: url(../images/intro-bg.jpg); - background-repeat: no-repeat; - background-position: center; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - min-height: 804px; - position: relative; + background: #151515; + width: 100%; + height: 100%; + background-image: url(../images/intro-bg.jpg); + background-repeat: no-repeat; + background-position: center; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + min-height: 804px; + position: relative; } #home .gradient-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: .2; - background: -moz-linear-gradient(left, black 0%, black 20%, transparent 100%); - /* FF3.6-15 */ - background: -webkit-linear-gradient(left, black 0%, black 20%, transparent 100%); - /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to right, black 0%, black 20%, transparent 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1); - /* IE6-9 */ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: .2; + background: -moz-linear-gradient(left, black 0%, black 20%, transparent 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(left, black 0%, black 20%, transparent 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to right, black 0%, black 20%, transparent 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1); + /* IE6-9 */ } #home .overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: .6; - background-color: #000000; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: .6; + background-color: #000000; } .home-content-table { - width: 100%; - height: 100%; - display: table; - position: relative; + width: 100%; + height: 100%; + display: table; + position: relative; } .home-content-tablecell { - display: table-cell; - vertical-align: bottom; - z-index: 500; + display: table-cell; + vertical-align: bottom; + z-index: 500; } .home-content-tablecell .row { - position: relative; - padding-top: 4.2rem; - padding-bottom: 15rem; + position: relative; + padding-top: 4.2rem; + padding-bottom: 15rem; } .home-content-tablecell h3 { - font-family: "montserrat-bold", sans-serif; - font-size: 2.2rem; - color: rgba(255, 255, 255, 0.35); - text-transform: uppercase; - letter-spacing: .15rem; - margin: 0 0 0 .3rem; + font-family: "montserrat-bold", sans-serif; + font-size: 2.2rem; + color: rgba(255, 255, 255, 0.35); + text-transform: uppercase; + letter-spacing: .15rem; + margin: 0 0 0 .3rem; } /* */ .home-content-tablecell h1 { - font-family: "librebaskerville-bold", serif; - font-size: 2.2rem; - line-height: 1.5; - color: #FFFFFF; + font-family: "librebaskerville-bold", serif; + font-size: 5.8rem; + line-height: 1.5; + color: #FFFFFF; } /* */ .home-content-tablecell .home-section-links { - display: inline-block; - list-style: none; - margin: 4.8rem 0 0 0; + display: inline-block; + list-style: none; + margin: 4.8rem 0 0 0; } .home-content-tablecell .home-section-links li { - display: inline-block; - font-family: "montserrat-bold", sans-serif; - font-size: 1.4rem; - text-transform: uppercase; - letter-spacing: .1rem; - color: rgba(255, 255, 255, 0.35); - margin-right: 1.5rem; - margin-bottom: .6rem; + display: inline-block; + font-family: "montserrat-bold", sans-serif; + font-size: 1.4rem; + text-transform: uppercase; + letter-spacing: .1rem; + color: rgba(255, 255, 255, 0.35); + margin-right: 1.5rem; + margin-bottom: .6rem; } .home-content-tablecell .home-section-links li:last-child { - margin-right: 0; + margin-right: 0; } .home-content-tablecell .home-section-links a { - font-family: "librebaskerville-regular", serif; - font-size: 1.8rem; - text-transform: none; - letter-spacing: 0; - color: #FFFFFF; - margin-left: .3rem; + font-family: "librebaskerville-regular", serif; + font-size: 1.8rem; + text-transform: none; + letter-spacing: 0; + color: #FFFFFF; + margin-left: .3rem; } .scroll-icon { - position: absolute; - width: 60px; - height: 48px; - font-size: 3.3rem; - bottom: 30px; - right: 20px; - color: #FFFFFF !important; - -webkit-animation: vertical 3s ease infinite; - animation: vertical 3s ease infinite; + position: absolute; + width: 60px; + height: 48px; + font-size: 3.3rem; + bottom: 30px; + right: 20px; + color: #FFFFFF !important; + -webkit-animation: vertical 3s ease infinite; + animation: vertical 3s ease infinite; } /* */ .home-bottom-text { - text-align: right; + text-align: left; } /* */ @@ -1800,39 +1800,39 @@ header .header-logo a { /* vertical animation */ @-webkit-keyframes vertical { - 0%, - 60%, - 80%, - 100% { - -webkit-transform: translateY(0); - } + 0%, + 60%, + 80%, + 100% { + -webkit-transform: translateY(0); + } - 20% { - -webkit-transform: translateY(-5px); - } + 20% { + -webkit-transform: translateY(-5px); + } - 40% { - -webkit-transform: translateY(20px); - } + 40% { + -webkit-transform: translateY(20px); + } } @keyframes vertical { - 0%, - 60%, - 80%, - 100% { - -webkit-transform: translateY(0); - } + 0%, + 60%, + 80%, + 100% { + -webkit-transform: translateY(0); + } - 20% { - -webkit-transform: translateY(-5px); - } + 20% { + -webkit-transform: translateY(-5px); + } - 40% { - -webkit-transform: translateY(20px); - } + 40% { + -webkit-transform: translateY(20px); + } } @@ -1841,133 +1841,133 @@ header .header-logo a { * home section * ------------------------------------------------------------------- */ @media only screen and (max-width:1200px) { - .home-content-tablecell h3 { - font-size: 2.1rem; - } + .home-content-tablecell h3 { + font-size: 2.1rem; + } - .home-content-tablecell h1 { - font-size: 5rem; - } + .home-content-tablecell h1 { + font-size: 5rem; + } } @media only screen and (max-width:1024px) { - .home-content-tablecell h3 { - font-size: 2rem; - } + .home-content-tablecell h3 { + font-size: 2rem; + } - .home-content-tablecell h1 { - font-size: 4.8rem; - } + .home-content-tablecell h1 { + font-size: 4.8rem; + } } @media only screen and (max-width:768px) { - .home-content-tablecell .row { - padding-bottom: 11.4rem; - } + .home-content-tablecell .row { + padding-bottom: 11.4rem; + } - .home-content-tablecell .home-bottom-text { - padding-right: 15%; - } + .home-content-tablecell .home-bottom-text { + padding-right: 15%; + } - .home-content-tablecell h3 { - font-size: 1.8rem; - } + .home-content-tablecell h3 { + font-size: 1.8rem; + } - .home-content-tablecell h1 { - font-size: 4rem; - } + .home-content-tablecell h1 { + font-size: 4rem; + } - .home-content-tablecell h1 br { - display: none; - } + .home-content-tablecell h1 br { + display: none; + } - .home-content-tablecell .home-section-links { - margin: 4.2rem 0 0 0; - } + .home-content-tablecell .home-section-links { + margin: 4.2rem 0 0 0; + } - .home-content-tablecell .home-section-links li { - font-size: 1.3rem; - } + .home-content-tablecell .home-section-links li { + font-size: 1.3rem; + } - .home-content-tablecell .home-section-links a { - font-size: 1.6rem; - } + .home-content-tablecell .home-section-links a { + font-size: 1.6rem; + } - .scroll-icon { - right: 15px; - } + .scroll-icon { + right: 15px; + } } @media only screen and (max-width:600px) { - #home { - min-height: 702px; - } + #home { + min-height: 702px; + } - .home-content-tablecell { - vertical-align: middle; - } + .home-content-tablecell { + vertical-align: middle; + } - .home-content-tablecell .row { - padding-top: 9rem; - padding-bottom: 3rem; - } + .home-content-tablecell .row { + padding-top: 9rem; + padding-bottom: 3rem; + } - .home-content-tablecell .home-bottom-text { - padding-right: 10%; - } + .home-content-tablecell .home-bottom-text { + padding-right: 10%; + } - .home-content-tablecell h3 { - font-size: 1.7rem; - } + .home-content-tablecell h3 { + font-size: 1.7rem; + } - .home-content-tablecell h1 { - font-size: 3.8rem; - } + .home-content-tablecell h1 { + font-size: 3.8rem; + } - .scroll-icon { - right: 10px; - } + .scroll-icon { + right: 10px; + } } @media only screen and (max-width:500px) { - .home-content-tablecell .home-bottom-text { - padding-right: 5%; - } + .home-content-tablecell .home-bottom-text { + padding-right: 5%; + } - .home-content-tablecell h3 { - font-size: 1.5rem; - } + .home-content-tablecell h3 { + font-size: 1.5rem; + } - .home-content-tablecell h1 { - font-size: 3.4rem; - } + .home-content-tablecell h1 { + font-size: 3.4rem; + } } @media only screen and (max-width:400px) { - #home { - min-height: 654px; - } + #home { + min-height: 654px; + } - .home-content-tablecell .home-bottom-text { - padding-right: 0; - } + .home-content-tablecell .home-bottom-text { + padding-right: 0; + } - .home-content-tablecell h3 { - font-size: 1.4rem; - } + .home-content-tablecell h3 { + font-size: 1.4rem; + } - .home-content-tablecell h1 { - font-size: 3.2rem; - } + .home-content-tablecell h1 { + font-size: 3.2rem; + } - .home-content-tablecell .home-section-links { - margin: 1.5rem 0 0 0; - } + .home-content-tablecell .home-section-links { + margin: 1.5rem 0 0 0; + } } @@ -1976,162 +1976,162 @@ header .header-logo a { * * ------------------------------------------------------------------- */ #about { - position: relative; - padding: 10.8rem 0 10.8rem; - background-color: #FFFFFF; - min-height: 700px; + position: relative; + padding: 10.8rem 0 10.8rem; + background-color: #FFFFFF; + min-height: 700px; } #about h3 { - font-family: "montserrat-bold", sans-serif; - font-size: 1.6rem; - color: #4C2405; - text-transform: uppercase; - letter-spacing: .15rem; - margin: 0 0 0 .3rem; + font-family: "montserrat-bold", sans-serif; + font-size: 1.6rem; + color: #4C2405; + text-transform: uppercase; + letter-spacing: .15rem; + margin: 0 0 0 .3rem; } #about h1 { - font-family: "librebaskerville-bold", serif; - font-size: 3.3rem; - line-height: 1.455; + font-family: "librebaskerville-bold", serif; + font-size: 3.3rem; + line-height: 1.455; } .about-profile-bg { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #EBEBEB; - width: 50%; - background-image: url(../images/profile-bg.jpg); - background-repeat: no-repeat; - background-position: center; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - opacity: .35; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #EBEBEB; + width: 50%; + background-image: url(../images/profile-bg.jpg); + background-repeat: no-repeat; + background-position: center; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + opacity: .35; } .about-wrap { - width: 94%; - max-width: 1300px; - margin: 0 auto; + width: 94%; + max-width: 1300px; + margin: 0 auto; } .about-wrap:before, .about-wrap:after { - content: ""; - display: table; + content: ""; + display: table; } .about-wrap:after { - clear: both; + clear: both; } .about-profile, .about-services { - float: left; - width: 50%; - padding-left: 20px; - padding-right: 20px; + float: left; + width: 50%; + padding-left: 20px; + padding-right: 20px; } .about-profile { - padding-right: 9rem; - position: relative; - z-index: 2; + padding-right: 9rem; + position: relative; + z-index: 2; } /* */ .about-profile p.lead { - color: #636363; - font-size: 3rem; + color: #636363; + font-size: 3rem; } .about-profile p { - font-size: 1rem; - line-height: 1px; + font-size: 1rem; + line-height: 1px; } /* */ .about-profile .about-profile-bg { - display: none; + display: none; } .about-services { - padding-left: 9rem; - position: relative; + padding-left: 9rem; + position: relative; } .about-services p.lead { - color: #757575; + color: #757575; } .about-services ul.services { - list-style: none; - margin-left: 0; + list-style: none; + margin-left: 0; } .about-services ul.services li { - padding-left: 0; - margin-bottom: .6rem; - position: relative; + padding-left: 0; + margin-bottom: .6rem; + position: relative; } .about-services ul.services li h4 { - font-size: 1.6rem; - text-transform: uppercase; - letter-spacing: .15rem; - line-height: 1.313; - margin-bottom: .6rem; + font-size: 1.6rem; + text-transform: uppercase; + letter-spacing: .15rem; + line-height: 1.313; + margin-bottom: .6rem; } /* */ .about-services ul.services li p { - margin-bottom: 1.5rem; - color: #4f4f4f; - font-size: 10px; - line-height: 1rem; + margin-bottom: 1.5rem; + color: #4f4f4f; + font-size: 10px; + line-height: 1rem; } /* */ .about-services ul.services .icon-wrap { - position: absolute; - top: 0; - left: 0; - color: rgba(46, 22, 3, 0.4); - color: #4C2405; + position: absolute; + top: 0; + left: 0; + color: rgba(46, 22, 3, 0.4); + color: #4C2405; } /* */ .about-services ul.services .icon-wrap i { - font-size: 10rem; + font-size: 5rem; } /* */ .about-services ul.services .item-photography .icon-wrap { - top: -.3rem; + top: -.3rem; } .about-services ul.services .item-webdesign .icon-wrap { - top: -.7rem; + top: -.7rem; } .about-services ul.services .item-uiux .icon-wrap { - top: -.1rem; + top: -.1rem; } .about-services ul.services .service-item { - padding-left: 8rem; + padding-left: 8rem; } /* ------------------------------------------------------------------- @@ -2139,105 +2139,105 @@ header .header-logo a { * about * ------------------------------------------------------------------- */ @media only screen and (max-width:1024px) { - .about-profile { - padding-right: 5rem; - } + .about-profile { + padding-right: 5rem; + } - .about-services { - padding-left: 5rem; - } + .about-services { + padding-left: 5rem; + } } @media only screen and (max-width:900px) { - .about-profile { - padding-right: 4rem; - } + .about-profile { + padding-right: 4rem; + } - .about-services { - padding-left: 4rem; - } + .about-services { + padding-left: 4rem; + } } @media only screen and (max-width:768px) { - #about { - padding-top: 0; - } + #about { + padding-top: 0; + } - .about-wrap { - padding: 0; - width: 100%; - } + .about-wrap { + padding: 0; + width: 100%; + } - .about-profile-bg { - display: none; - } + .about-profile-bg { + display: none; + } - .about-profile, - .about-services { - float: none; - width: 100%; - padding-top: 10.8rem; - padding-left: 45px; - padding-right: 45px; - } + .about-profile, + .about-services { + float: none; + width: 100%; + padding-top: 10.8rem; + padding-left: 45px; + padding-right: 45px; + } - .about-profile .intro, - .about-services .intro { - text-align: center; - } + .about-profile .intro, + .about-services .intro { + text-align: center; + } - .about-profile { - padding-bottom: 9rem; - } + .about-profile { + padding-bottom: 9rem; + } - .about-profile .about-profile-bg { - display: block; - width: 100%; - } + .about-profile .about-profile-bg { + display: block; + width: 100%; + } } @media only screen and (max-width:600px) { - .about-profile, - .about-services { - padding-left: 35px; - padding-right: 35px; - } + .about-profile, + .about-services { + padding-left: 35px; + padding-right: 35px; + } } @media only screen and (max-width:400px) { - .about-profile, - .about-services { - padding-left: 25px; - padding-right: 25px; - } + .about-profile, + .about-services { + padding-left: 25px; + padding-right: 25px; + } - .about-services { - text-align: center; - } + .about-services { + text-align: center; + } - .about-services ul.services .icon-wrap { - position: static; - margin-bottom: .6rem; - } + .about-services ul.services .icon-wrap { + position: static; + margin-bottom: .6rem; + } - .about-services ul.services .icon-wrap i { - font-size: 6rem; - } + .about-services ul.services .icon-wrap i { + font-size: 6rem; + } - .about-services ul.services .service-item { - padding-left: 0; - margin-bottom: 3rem; - } + .about-services ul.services .service-item { + padding-left: 0; + margin-bottom: 3rem; + } - .about-services ul.services .service-item h4 { - margin-bottom: 1.5rem; - } + .about-services ul.services .service-item h4 { + margin-bottom: 1.5rem; + } } @@ -2246,83 +2246,83 @@ header .header-logo a { * * ------------------------------------------------------------------- */ #skills { - background-color: #1f0e01; - background-image: url(../images/skills-bg.jpg); - background-repeat: no-repeat; - background-position: center; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - min-height: 800px; - position: relative; - padding: 12rem 0 9.6rem; - color: rgba(255, 255, 255, 0.3); + background-color: #1f0e01; + background-image: url(../images/skills-bg.jpg); + background-repeat: no-repeat; + background-position: center; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + min-height: 800px; + position: relative; + padding: 12rem 0 9.6rem; + color: rgba(255, 255, 255, 0.3); } #skills .overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: .7; - background-color: #000000; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: .7; + background-color: #000000; } #skills .gradient-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: .2; - background: -moz-linear-gradient(left, black 0%, black 20%, transparent 100%); - /* FF3.6-15 */ - background: -webkit-linear-gradient(left, black 0%, black 20%, transparent 100%); - /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to right, black 0%, black 20%, transparent 100%); - /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1); - /* IE6-9 */ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: .2; + background: -moz-linear-gradient(left, black 0%, black 20%, transparent 100%); + /* FF3.6-15 */ + background: -webkit-linear-gradient(left, black 0%, black 20%, transparent 100%); + /* Chrome10-25,Safari5.1-6 */ + background: linear-gradient(to right, black 0%, black 20%, transparent 100%); + /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1); + /* IE6-9 */ } #skills .row { - position: relative; + position: relative; } #skills [class="col-skills"] { - width: 50%; - padding-right: 0; + width: 50%; + padding-right: 0; } #skills .section-intro { - text-align: left; + text-align: left; } #skills .section-intro h3 { - color: rgba(255, 255, 255, 0.35); - color: #7c3b08; + color: rgba(255, 255, 255, 0.35); + color: #7c3b08; } #skills .section-intro h1 { - color: #FFFFFF; + color: #FFFFFF; } #skills .skill-bars { - margin-top: 8.4rem; + margin-top: 8.4rem; } #skills .skill-bars li { - background: #7c3b08; - margin-bottom: 7.2rem; + background: #7c3b08; + margin-bottom: 7.2rem; } #skills .skill-bars li strong { - color: #FFFFFF; + color: #FFFFFF; } #skills .skill-bars li .progress { - background: #FFFFFF; + background: #FFFFFF; } /* ------------------------------------------------------------------- @@ -2330,35 +2330,35 @@ header .header-logo a { * skills * ------------------------------------------------------------------- */ @media only screen and (max-width:1024px) { - #skills [class="col-skills"] { - width: 75%; - } + #skills [class="col-skills"] { + width: 75%; + } } @media only screen and (max-width:768px) { - #skills .section-intro { - text-align: center; - } + #skills .section-intro { + text-align: center; + } - #skills [class="col-skills"] { - width: 100%; - padding-right: 15px; - } + #skills [class="col-skills"] { + width: 100%; + padding-right: 15px; + } } @media only screen and (max-width:600px) { - #skills [class="col-skills"] { - padding-right: 10px; - } + #skills [class="col-skills"] { + padding-right: 10px; + } } @media only screen and (max-width:400px) { - #skills [class="col-skills"] { - padding-right: 0; - } + #skills [class="col-skills"] { + padding-right: 0; + } } @@ -2367,88 +2367,88 @@ header .header-logo a { * * ------------------------------------------------------------------- */ #credentials { - background: #FFFFFF; - position: relative; - padding: 12rem 0 9rem; + background: #FFFFFF; + position: relative; + padding: 12rem 0 9rem; } #credentials .credentials-content h2 { - margin-bottom: 4.8rem; - color: #4C2405; - padding-left: 8rem; - font-size: 1.8rem; - text-transform: uppercase; - letter-spacing: .15rem; - position: relative; + margin-bottom: 4.8rem; + color: #4C2405; + padding-left: 8rem; + font-size: 1.8rem; + text-transform: uppercase; + letter-spacing: .15rem; + position: relative; } #credentials .credentials-content h2::before { - display: block; - content: ""; - height: 3px; - width: 4rem; - background-color: #aeaeae; - position: absolute; - top: 50%; - left: 2rem; - margin-top: -3px; + display: block; + content: ""; + height: 3px; + width: 4rem; + background-color: #aeaeae; + position: absolute; + top: 50%; + left: 2rem; + margin-top: -3px; } #credentials .left { - padding-right: 40px; + padding-right: 40px; } #credentials .right { - padding-left: 40px; + padding-left: 40px; } #credentials .timeline-wrap { - position: relative; - text-align: left; + position: relative; + text-align: left; } #credentials .timeline-wrap::before { - content: ""; - display: block; - width: 1px; - height: 100%; - background-color: rgba(0, 0, 0, 0.1); - position: absolute; - left: 2rem; - top: 0; + content: ""; + display: block; + width: 1px; + height: 100%; + background-color: rgba(0, 0, 0, 0.1); + position: absolute; + left: 2rem; + top: 0; } #credentials .timeline-block { - position: relative; - padding-left: 8rem; - margin-bottom: 4.2rem; + position: relative; + padding-left: 8rem; + margin-bottom: 4.2rem; } #credentials .timeline-ico { - height: 4.8rem; - width: 4.8rem; - line-height: 4.8rem; - background: #4C2405; - border-radius: 50%; - text-align: center; - color: #FFFFFF; - position: absolute; - left: 2rem; - top: 0; - margin-left: -2.4rem; + height: 4.8rem; + width: 4.8rem; + line-height: 4.8rem; + background: #4C2405; + border-radius: 50%; + text-align: center; + color: #FFFFFF; + position: absolute; + left: 2rem; + top: 0; + margin-left: -2.4rem; } #credentials .timeline-header .timeframe { - font-family: "montserrat-regular", sans-serif; - font-size: 1.6rem; - color: #757575; - margin-bottom: 0; + font-family: "montserrat-regular", sans-serif; + font-size: 1.6rem; + color: #757575; + margin-bottom: 0; } #credentials .timeline-header h3 { - font-size: 2.4rem; - line-height: 1.25; - margin-bottom: 0; + font-size: 2.4rem; + line-height: 1.25; + margin-bottom: 0; } /* ------------------------------------------------------------------- @@ -2456,55 +2456,55 @@ header .header-logo a { * credentials * ------------------------------------------------------------------- */ @media only screen and (max-width:1024px) { - #credentials .left { - padding-right: 20px; - } + #credentials .left { + padding-right: 20px; + } - #credentials .right { - padding-left: 20px; - } + #credentials .right { + padding-left: 20px; + } } @media only screen and (max-width:768px) { - #credentials .credentials-content h2 { - padding: 0; - text-align: center; - } + #credentials .credentials-content h2 { + padding: 0; + text-align: center; + } - #credentials .credentials-content h2::before { - display: none; - } + #credentials .credentials-content h2::before { + display: none; + } - #credentials .left { - padding-right: 10px; - } + #credentials .left { + padding-right: 10px; + } - #credentials .right { - padding-left: 10px; - } + #credentials .right { + padding-left: 10px; + } } @media only screen and (max-width:600px) { - #credentials .timeline-block { - padding-left: 7rem; - } + #credentials .timeline-block { + padding-left: 7rem; + } } @media only screen and (max-width:400px) { - #credentials .timeline-header .timeframe { - font-size: 1.5rem; - } + #credentials .timeline-header .timeframe { + font-size: 1.5rem; + } - #credentials .timeline-header h3 { - font-size: 2.2rem; - } + #credentials .timeline-header h3 { + font-size: 2.2rem; + } - #credentials .timeline-block { - padding-left: 6rem; - } + #credentials .timeline-block { + padding-left: 6rem; + } } @@ -2513,243 +2513,243 @@ header .header-logo a { * * ------------------------------------------------------------------- */ #portfolio { - background: #EBEBEB; - min-height: 800px; - position: relative; - padding: 12rem 0 15rem; + background: #EBEBEB; + min-height: 800px; + position: relative; + padding: 12rem 0 15rem; } #portfolio .bricks-wrapper:before, #portfolio .bricks-wrapper:after { - content: ""; - display: table; + content: ""; + display: table; } #portfolio .bricks-wrapper:after { - clear: both; + clear: both; } #portfolio .bricks-wrapper .brick { - float: left; - width: 50%; - padding: 0; - margin: 0; + float: left; + width: 50%; + padding: 0; + margin: 0; } #portfolio .bricks-wrapper .brick:nth-child(2n+1) { - clear: both; + clear: both; } /* ------------------------------------------------------------------- * masonry entries - (_layout.css) * ------------------------------------------------------------------- */ .bricks-wrapper .item-wrap { - position: relative; - overflow: hidden; + position: relative; + overflow: hidden; } .bricks-wrapper .item-wrap .overlay { - cursor: zoom-in; + cursor: zoom-in; } .bricks-wrapper .item-wrap .overlay img { - vertical-align: bottom; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -webkit-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + vertical-align: bottom; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .bricks-wrapper .item-wrap .overlay::before { - content: ""; - display: block; - background: rgba(0, 0, 0, 0.8); - opacity: 0; - visibility: hidden; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - -moz-transition: all 0.5s ease-in-out; - -o-transition: all 0.5s ease-in-out; - -webkit-transition: all 0.5s ease-in-out; - -ms-transition: all 0.5s ease-in-out; - transition: all 0.5s ease-in-out; - z-index: 1; + content: ""; + display: block; + background: rgba(0, 0, 0, 0.8); + opacity: 0; + visibility: hidden; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + -webkit-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; + z-index: 1; } .bricks-wrapper .item-wrap .overlay::after { - content: "+"; - font-family: sans-serif; - font-size: 2.4rem; - z-index: 1; - display: block; - height: 30px; - width: 30px; - line-height: 30px; - margin-left: -15px; - margin-top: -15px; - position: absolute; - left: 50%; - top: 50%; - text-align: center; - color: #FFFFFF; - opacity: 0; - visibility: hidden; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -webkit-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; - -webkit-transform: scale(0.5); - -ms-transform: scale(0.5); - transform: scale(0.5); + content: "+"; + font-family: sans-serif; + font-size: 2.4rem; + z-index: 1; + display: block; + height: 30px; + width: 30px; + line-height: 30px; + margin-left: -15px; + margin-top: -15px; + position: absolute; + left: 50%; + top: 50%; + text-align: center; + color: #FFFFFF; + opacity: 0; + visibility: hidden; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + -webkit-transform: scale(0.5); + -ms-transform: scale(0.5); + transform: scale(0.5); } .bricks-wrapper .item-wrap .item-text { - position: absolute; - top: 0; - left: 0; - padding: 3rem 0 0 3rem; - margin-right: 5rem; - z-index: 3; + position: absolute; + top: 0; + left: 0; + padding: 3rem 0 0 3rem; + margin-right: 5rem; + z-index: 3; } .bricks-wrapper .item-wrap .item-text .folio-title { - color: #FFFFFF; - font-size: 2.2rem; - line-height: 1.364; + color: #FFFFFF; + font-size: 2.2rem; + line-height: 1.364; } .bricks-wrapper .item-wrap .item-text .folio-types { - font-family: "montserrat-regular", sans-serif; - font-size: 1.2rem; - text-transform: uppercase; - letter-spacing: .1rem; - color: rgba(255, 255, 255, 0.7); + font-family: "montserrat-regular", sans-serif; + font-size: 1.2rem; + text-transform: uppercase; + letter-spacing: .1rem; + color: rgba(255, 255, 255, 0.7); } .bricks-wrapper .item-wrap .details-link { - display: block; - background-color: #FFFFFF; - height: 4.6rem; - width: 4.6rem; - line-height: 4.6rem; - color: #000000; - text-align: center; - z-index: 2; - position: absolute; - top: 3.6rem; - right: 0; + display: block; + background-color: #FFFFFF; + height: 4.6rem; + width: 4.6rem; + line-height: 4.6rem; + color: #000000; + text-align: center; + z-index: 2; + position: absolute; + top: 3.6rem; + right: 0; } .bricks-wrapper .item-wrap .details-link i { - font-size: 2rem; - line-height: 4.6rem; + font-size: 2rem; + line-height: 4.6rem; } .bricks-wrapper .item-wrap .details-link:hover, .bricks-wrapper .item-wrap .details-link:focus { - background-color: #000000; - color: #FFFFFF; + background-color: #000000; + color: #FFFFFF; } .bricks-wrapper .item-wrap .item-text, .bricks-wrapper .item-wrap .details-link { - opacity: 0; - visibility: hidden; - -webkit-transform: translateY(100%); - -ms-transform: translateY(100%); - transform: translateY(100%); - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -webkit-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + opacity: 0; + visibility: hidden; + -webkit-transform: translateY(100%); + -ms-transform: translateY(100%); + transform: translateY(100%); + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } .bricks-wrapper .item-wrap:hover .overlay::before { - opacity: 1; - visibility: visible; + opacity: 1; + visibility: visible; } .bricks-wrapper .item-wrap:hover .overlay::after { - opacity: 1; - visibility: visible; - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); + opacity: 1; + visibility: visible; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); } .bricks-wrapper .item-wrap:hover .overlay img { - -webkit-transform: scale(1.05); - -ms-transform: scale(1.05); - transform: scale(1.05); + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); } .bricks-wrapper .item-wrap:hover .item-text, .bricks-wrapper .item-wrap:hover .details-link { - opacity: 1; - visibility: visible; - -webkit-transform: translateX(0); - -ms-transform: translateX(0); - transform: translateX(0); + opacity: 1; + visibility: visible; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); } /* ------------------------------------------------------------------- * Light Gallery Overrides - (_layout.css) * ------------------------------------------------------------------- */ .lg-sub-html { - padding: 12px 20% 15px; + padding: 12px 20% 15px; } .lg-sub-html a:hover, .lg-sub-html a:focus { - color: #FFFFFF; + color: #FFFFFF; } @media only screen and (max-width:1024px) { - .lg-sub-html { - padding: 12px 15% 15px; - } + .lg-sub-html { + padding: 12px 15% 15px; + } } @media only screen and (max-width:768px) { - .lg-sub-html { - padding: 12px 40px 15px; - } + .lg-sub-html { + padding: 12px 40px 15px; + } } .lg-sub-html h4 { - color: #FFFFFF; - font-family: "montserrat-regular", sans-serif; - font-size: 1.8rem; - line-height: 1.333; + color: #FFFFFF; + font-family: "montserrat-regular", sans-serif; + font-size: 1.8rem; + line-height: 1.333; } .lg-sub-html p { - font-family: "montserrat-regular", sans-serif; - font-size: 1.3rem; - line-height: 2.4rem; - margin: .6rem 0 0; - color: rgba(255, 255, 255, 0.6); + font-family: "montserrat-regular", sans-serif; + font-size: 1.3rem; + line-height: 2.4rem; + margin: .6rem 0 0; + color: rgba(255, 255, 255, 0.6); } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { - border-color: #7c3b08; + border-color: #7c3b08; } .lg-progress-bar .lg-progress { - background-color: #FFFFFF; + background-color: #FFFFFF; } #lg-counter { - font-family: "montserrat-regular", sans-serif; + font-family: "montserrat-regular", sans-serif; } /* ------------------------------------------------------------------- @@ -2757,10 +2757,10 @@ header .header-logo a { * portfolio * ------------------------------------------------------------------- */ @media only screen and (max-width:600px) { - #portfolio .bricks-wrapper .brick { - float: none; - width: 100%; - } + #portfolio .bricks-wrapper .brick { + float: none; + width: 100%; + } } @@ -2770,34 +2770,34 @@ header .header-logo a { * * ------------------------------------------------------------------- */ #stats { - background-color: #111111; - position: relative; - padding: 6rem 0 6rem; + background-color: #111111; + position: relative; + padding: 6rem 0 6rem; } #stats .stat { - text-align: center; - border-right: 1px solid rgba(255, 255, 255, 0.04); + text-align: center; + border-right: 1px solid rgba(255, 255, 255, 0.04); } #stats .stat:last-child { - border: none; + border: none; } #stats .stat .icon-part { - color: #333; + color: #333; } #stats .stat .icon-part i { - font-size: 10rem; + font-size: 10rem; } /* */ #stats .stat h5 { - color: #FFFFFF; - margin-top: 1.5rem; - font-size: 0.4rem; + color: #FFFFFF; + margin-top: 1.5rem; + font-size: 0.4rem; } /* */ @@ -2805,32 +2805,32 @@ header .header-logo a { /* */ #stats .stat h3 { - color: #7c3b08; - font-size: 8.8rem; - text-transform: uppercase; - letter-spacing: .2rem; - margin: 1.5rem 0 0 0; - padding-top: 1.5rem; - line-height: 1; - font-family: "montserrat-bold", sans-serif; - position: relative; - text-align: center; + color: #7c3b08; + font-size: 8.8rem; + text-transform: uppercase; + letter-spacing: .2rem; + margin: 1.5rem 0 0 0; + padding-top: 1.5rem; + line-height: 1; + font-family: "montserrat-bold", sans-serif; + position: relative; + text-align: center; } /* */ #stats .stat h3::before { - content: ""; - display: inline-block; - width: 80px; - height: 3px; - background-color: rgba(5, 100, 139, 0.1); - background-color: rgba(255, 255, 255, 0.1); - text-align: center; - position: absolute; - top: 0; - left: 50%; - margin-left: -40px; + content: ""; + display: inline-block; + width: 80px; + height: 3px; + background-color: rgba(5, 100, 139, 0.1); + background-color: rgba(255, 255, 255, 0.1); + text-align: center; + position: absolute; + top: 0; + left: 50%; + margin-left: -40px; } /* ------------------------------------------------------------------- @@ -2838,10 +2838,10 @@ header .header-logo a { * stats * ------------------------------------------------------------------- */ @media only screen and (max-width:768px) { - #stats .stat:nth-child(n) { - border: none; - padding-bottom: 2.4rem; - } + #stats .stat:nth-child(n) { + border: none; + padding-bottom: 2.4rem; + } } @@ -2851,311 +2851,311 @@ header .header-logo a { * * ------------------------------------------------------------------- */ #contact { - background-color: #111111; - background-image: url(../images/profile-bg.jpg); - background-repeat: no-repeat; - background-position: center; - -webkit-background-size: cover; - -moz-background-size: cover; - background-size: cover; - padding-top: 10.2rem; - padding-bottom: 6rem; - position: relative; + background-color: #111111; + background-image: url(../images/profile-bg.jpg); + background-repeat: no-repeat; + background-position: center; + -webkit-background-size: cover; + -moz-background-size: cover; + background-size: cover; + padding-top: 10.2rem; + padding-bottom: 6rem; + position: relative; } #contact .overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: .7; - background-color: #000000; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: .7; + background-color: #000000; } #contact .section-intro h1 { - color: white; + color: white; } #contact .section-intro h3 { - color: #7c3b08; + color: #7c3b08; } #contact .section-intro p.lead { - color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.3); } /* contact form */ .contact-form { - max-width: 740px; - margin-top: 4.2rem; - position: relative; + max-width: 740px; + margin-top: 4.2rem; + position: relative; } .contact-form::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); } .contact-form:-moz-placeholder { - color: rgba(255, 255, 255, 0.7); - /* Firefox 18- */ + color: rgba(255, 255, 255, 0.7); + /* Firefox 18- */ } .contact-form::-moz-placeholder { - color: rgba(255, 255, 255, 0.7); - /* Firefox 19+ */ + color: rgba(255, 255, 255, 0.7); + /* Firefox 19+ */ } .contact-form:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.7); + color: rgba(255, 255, 255, 0.7); } .contact-form .placeholder { - color: rgba(255, 255, 255, 0.7) !important; + color: rgba(255, 255, 255, 0.7) !important; } #contact form { - margin-top: 0; - margin-bottom: 3rem; + margin-top: 0; + margin-bottom: 3rem; } #contact form .form-field { - position: relative; + position: relative; } #contact form .form-field:before, #contact form .form-field:after { - content: ""; - display: table; + content: ""; + display: table; } #contact form .form-field:after { - clear: both; + clear: both; } #contact form .form-field label { - font-family: "montserrat-bold", sans-serif; - font-size: 1.1rem; - line-height: 2.4rem; - position: absolute; - bottom: -1.2rem; - right: .6rem; - text-transform: uppercase; - letter-spacing: .1rem; - padding: 0 2rem; - margin: 0; - color: #FFFFFF; - background: #4C2405; + font-family: "montserrat-bold", sans-serif; + font-size: 1.1rem; + line-height: 2.4rem; + position: absolute; + bottom: -1.2rem; + right: .6rem; + text-transform: uppercase; + letter-spacing: .1rem; + padding: 0 2rem; + margin: 0; + color: #FFFFFF; + background: #4C2405; } #contact form .form-field label::after { - position: absolute; - left: -5px; - top: 50%; - margin-top: -6px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-right: 5px solid #4C2405; - content: ""; + position: absolute; + left: -5px; + top: 50%; + margin-top: -6px; + border-top: 5px solid transparent; + border-bottom: 5px solid transparent; + border-right: 5px solid #4C2405; + content: ""; } #contact input[type="text"], #contact input[type="password"], #contact input[type="email"], #contact textarea { - width: 100%; - color: rgba(255, 255, 255, 0.7); - margin-bottom: 0; - border: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); + width: 100%; + color: rgba(255, 255, 255, 0.7); + margin-bottom: 0; + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #contact input[type="text"], #contact input[type="password"], #contact input[type="email"] { - height: 6.6rem; - padding: 1.8rem 2rem; + height: 6.6rem; + padding: 1.8rem 2rem; } #contact input[type="text"]:focus, #contact input[type="password"]:focus, #contact input[type="email"]:focus { - border-color: #4C2405; - color: #FFFFFF; + border-color: #4C2405; + color: #FFFFFF; } #contact textarea { - min-height: 20rem; - padding: 1.8rem 2rem; + min-height: 20rem; + padding: 1.8rem 2rem; } #contact textarea:focus { - border-color: #4C2405; - color: #FFFFFF; + border-color: #4C2405; + color: #FFFFFF; } #contact button.submitform { - font-size: 1.5rem; - display: block; - letter-spacing: .2rem; - height: 6.6rem; - line-height: 6.6rem; - padding: 0 3rem; - margin-top: 4.8rem; - width: 100%; - background: #7c3b08; - color: #FFFFFF; + font-size: 1.5rem; + display: block; + letter-spacing: .2rem; + height: 6.6rem; + line-height: 6.6rem; + padding: 0 3rem; + margin-top: 4.8rem; + width: 100%; + background: #7c3b08; + color: #FFFFFF; } #contact button.submitform:hover, #contact button.submitform:focus { - background: #4C2405; + background: #4C2405; } #message-warning, #message-success { - display: none; - background: black; - padding: 3rem; - margin-bottom: 3.6rem; - width: 100%; + display: none; + background: black; + padding: 3rem; + margin-bottom: 3.6rem; + width: 100%; } #message-warning { - color: #D32B2E; + color: #D32B2E; } #message-success { - color: #7c3b08; + color: #7c3b08; } #message-warning i, #message-success i { - margin-right: 10px; + margin-right: 10px; } /* form loader */ #submit-loader { - display: none; - position: relative; - left: 0; - top: 1.8rem; - width: 100%; - text-align: center; - margin-bottom: 4.2rem; + display: none; + position: relative; + left: 0; + top: 1.8rem; + width: 100%; + text-align: center; + margin-bottom: 4.2rem; } #submit-loader .text-loader { - display: none; - font-family: "montserrat-bold", sans-serif; - color: #FFFFFF; - letter-spacing: .2rem; - text-transform: uppercase; + display: none; + font-family: "montserrat-bold", sans-serif; + color: #FFFFFF; + letter-spacing: .2rem; + text-transform: uppercase; } .oldie #submit-loader .s-loader { - display: none; + display: none; } .oldie #submit-loader .text-loader { - display: block; + display: block; } .contact-info { - margin: 4.8rem auto 0; - font-family: "montserrat-regular", sans-serif; - font-size: 1.6rem; - text-align: center; - position: relative; + margin: 4.8rem auto 0; + font-family: "montserrat-regular", sans-serif; + font-size: 1.6rem; + text-align: center; + position: relative; } .contact-info p { - color: #555; + color: #555; } .contact-info .collapse { - padding: 0; + padding: 0; } .contact-info .icon { - margin-bottom: 2.1rem; + margin-bottom: 2.1rem; } .contact-info .icon i { - font-size: 4.2rem; - color: #FFFFFF; + font-size: 4.2rem; + color: #FFFFFF; } .contact-info h5 { - color: #FFFFFF; + color: #FFFFFF; } /* --------------------------------------------------------------- * loader animation - (_layout.scss) * --------------------------------------------------------------- */ .s-loader { - margin: 1.2rem auto 3rem; - width: 70px; - text-align: center; - -webkit-transform: translateX(0.45rem); - -ms-transform: translateX(0.45rem); - transform: translateX(0.45rem); + margin: 1.2rem auto 3rem; + width: 70px; + text-align: center; + -webkit-transform: translateX(0.45rem); + -ms-transform: translateX(0.45rem); + transform: translateX(0.45rem); } -.s-loader>div { - width: .6rem; - height: .6rem; - background-color: #FFFFFF; - border-radius: 100%; - display: inline-block; - margin-right: .9rem; - -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; - animation: sk-bouncedelay 1.4s infinite ease-in-out both; +.s-loader > div { + width: .6rem; + height: .6rem; + background-color: #FFFFFF; + border-radius: 100%; + display: inline-block; + margin-right: .9rem; + -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; + animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .s-loader .bounce1 { - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; } .s-loader .bounce2 { - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); - } + 0%, + 80%, + 100% { + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + } - 40% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } + 40% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } } @keyframes sk-bouncedelay { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - -ms-transform: scale(0); - transform: scale(0); - } + 0%, + 80%, + 100% { + -webkit-transform: scale(0); + -ms-transform: scale(0); + transform: scale(0); + } - 40% { - -webkit-transform: scale(1); - -ms-transform: scale(1); - transform: scale(1); - } + 40% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + } } @@ -3164,84 +3164,84 @@ header .header-logo a { * * ------------------------------------------------------------------- */ footer { - padding-top: 4.2rem; - padding-bottom: 4.2rem; - text-align: center; - font-family: "montserrat-regular", sans-serif; - font-size: 1.6rem; - position: relative; + padding-top: 4.2rem; + padding-bottom: 4.2rem; + text-align: center; + font-family: "montserrat-regular", sans-serif; + font-size: 1.6rem; + position: relative; } footer .footer-social { - list-style: none; - display: inline-block; - margin-left: 0; - margin-bottom: 9rem; + list-style: none; + display: inline-block; + margin-left: 0; + margin-bottom: 9rem; } footer .footer-social li { - display: inline-block; - padding-left: 0; - margin: 0 8px 1.5rem 8px; - font-family: "montserrat-bold", sans-serif; - font-size: 1.8rem; + display: inline-block; + padding-left: 0; + margin: 0 8px 1.5rem 8px; + font-family: "montserrat-bold", sans-serif; + font-size: 1.8rem; } footer .footer-social li a, footer .footer-social li a:visited { - color: rgba(255, 255, 255, 0.5); + color: rgba(255, 255, 255, 0.5); } footer .footer-social li a:hover, footer .footer-social li a:focus { - color: #FFFFFF; + color: #FFFFFF; } footer .footer-social li:last-child { - margin-right: 0; + margin-right: 0; } #go-top { - position: fixed; - bottom: 42px; - right: 30px; - z-index: 700; - display: none; + position: fixed; + bottom: 42px; + right: 30px; + z-index: 700; + display: none; } #go-top a { - text-decoration: none; - border: 0 none; - display: block; - height: 63px; - width: 60px; - line-height: 63px; - text-align: center; - background-color: #000000; - color: #888; - text-align: center; - text-transform: uppercase; - -moz-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; - -webkit-transition: all 0.3s ease-in-out; - -ms-transition: all 0.3s ease-in-out; - transition: all 0.3s ease-in-out; + text-decoration: none; + border: 0 none; + display: block; + height: 63px; + width: 60px; + line-height: 63px; + text-align: center; + background-color: #000000; + color: #888; + text-align: center; + text-transform: uppercase; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -webkit-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; } #go-top a i { - font-size: 21px; - line-height: inherit; + font-size: 21px; + line-height: inherit; } #go-top a:visited { - background: #000000; - color: #888; + background: #000000; + color: #888; } #go-top a:hover, #go-top a:focus { - background: #000000; - color: #FFFFFF; + background: #000000; + color: #FFFFFF; } /* ------------------------------------------------------------------- @@ -3249,9 +3249,9 @@ footer .footer-social li:last-child { * footer * ------------------------------------------------------------------- */ @media only screen and (max-width:768px) { - #go-top { - bottom: 0; - right: 0; - } + #go-top { + bottom: 0; + right: 0; + } -} \ No newline at end of file +} diff --git a/index.html b/index.html index 3b2559a..dde597f 100755 --- a/index.html +++ b/index.html @@ -7,787 +7,783 @@ - - - Howdy - - + + Howdy + + - - + - - - - + + + - - - + + - -
- - - - - Menu - - - - - -
- - - + + + + + -
+
-
-
+
+
-
+
-
-
-
-
+
+
+
+
-

Hello, World.

-

- I am (Name Here).
- Graphic & UI/UX Designer
- Based in Manila Philippines. -

+

Hello, World.

+

+ I am (Name Here).
+ Graphic & UI/UX Designer
+ Based in Manila Philippines. +

- + -
-
-
-
-
+
+
+
+
+
- - - + + + -
+
- -
- -
- -
- -
- -
- -
-

About

-

More About Me.

- -

Lorem ipsum Ut eiusmod ex magna sit dolor esse adipisicing minim ad - cupidatat eu veniam nostrud mollit laboris sunt magna velit culpa consectetur nostrud - consectetur labore sed do.

-
- -

- Lorem ipsum Nisi officia Duis irure voluptate dolor commodo pariatur occaecat aliquip adipisicing - voluptate Ut in qui ea sint occaecat in commodo in in in incididunt ut sunt in Ut Duis in ut ex qui - anim cupidatat cupidatat ex in non dolore labore ea amet cillum ea qui dolor nisi sed velit mollit - exercitation ex fugiat labore in deserunt culpa laborum culpa anim dolore laboris amet irure mollit - proident velit fugiat aute ea elit magna consequat qui officia quis elit Duis dolor esse cupidatat - tempor proident voluptate aliqua ex cupidatat do eiusmod veniam irure laborum ut magna nostrud - dolore ullamco commodo elit sit magna aliqua laborum veniam officia dolor. -

- -

Lorem ipsum Minim nisi dolore proident Ut dolor quis deserunt voluptate Ut - voluptate enim ut adipisicing fugiat cupidatat nisi adipisicing labore non adipisicing in sit - proident. Ut in qui ea sint occaecat in commodo in in in incididunt ut

- -

- Contact Me - Download CV -

- -
- -
- -
-

Services

-

What I Do.

- -

Lorem ipsum Ut eiusmod ex magna sit dolor esse adipisicing minim ad - cupidatat eu veniam nostrud mollit laboris sunt magna velit. Ut dolor quis deserunt voluptate. -

-
- -
    -
  • -
    - -
    -
    -

    Branding

    -

    Lorem ipsum Sit Ut eu Ut commodo velit ea et ex officia dolor laborum do in quis ut in - occaecat non Duis ut sint voluptate esse consequat aute incididunt in voluptate - incididunt. -

    -
    -
    • -
  • -
    - -
    -
    -

    Photography

    -

    Lorem ipsum Sit Ut eu Ut commodo velit ea et ex officia dolor laborum do in quis ut in - occaecat non Duis ut sint voluptate esse consequat aute incididunt in voluptate - incididunt. -

    -
    -
    • -
  • -
    - -
    -
    -

    Web Design

    -

    Lorem ipsum Sit Ut eu Ut commodo velit ea et ex officia dolor laborum do in quis ut in - occaecat non Duis ut sint voluptate esse consequat aute incididunt in voluptate - incididunt. -

    -
    -
    • -
  • -
    - -
    -
    -

    UI/UX Design

    -

    Lorem ipsum Sit Ut eu Ut commodo velit ea et ex officia dolor laborum do in quis ut in - occaecat non Duis ut sint voluptate esse consequat aute incididunt in voluptate - incididunt. -

    -
    -
    • -
- -
- -
- -
- - - + +
+ +
+

Services

+

What I Do.

+ +

Lorem ipsum Ut eiusmod ex magna sit dolor esse adipisicing minim ad + cupidatat eu veniam nostrud mollit laboris sunt magna velit. Ut dolor quis deserunt voluptate. +

+
+ + + +
+ + + + + + + -
- -
-
- -
-
- -
-

Skillset

-

I've Got Some Skills.

- -

Lorem ipsum Elit ut consequat veniam eu nulla nulla reprehenderit - reprehenderit sit velit in cupidatat ex aliquip ut cupidatat Excepteur tempor id irure sed - dolore sint sunt voluptate ullamco nulla qui Duis qui culpa voluptate enim ea aute qui veniam in - irure et nisi nostrud deserunt est officia minim.

-
- -
    -
  • -
    90%
    - HTML5 -
    • -
  • -
    85%
    - CSS3 -
    • -
  • -
    70%
    - JQuery -
    • -
  • -
    95%
    - PHP -
    • -
  • -
    75%
    - Wordpress -
    • -
  • -
    90%
    - Angular JS -
    • -
- -
-
- -
- - - + + + + + + -
- -
-
-

Career and Education

-

More of My Credentials.

- -

Lorem ipsum Dolor adipisicing nostrud et aute Excepteur amet commodo ea dolore irure - esse Duis nulla sint fugiat cillum ullamco proident aliquip quis qui voluptate dolore veniam Ut - laborum non est in officia.

-
-
- -
- -
- - - -

Experience

- -
- -
-
- -
-
-

July 2015 - Present

-

Awesome Studio

-

UI Designer

-
-
-

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi - cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident - cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est - occaecat nisi.

-
-
- -
-
- -
-
-

July 2014 - June 2015

-

Super Cool Agency

-

Front-end Developer

-
-
-

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi - cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident - cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est - occaecat nisi incididunt.

-
-
- -
-
- -
-
-

May 2013 - June 2014

-

Great Designs Studio

-

Web Designer

-
-
-

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi - cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident - cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est - occaecat nisi incididunt.

-
-
- -
- -
- -
- - - -

Education

- -
- -
-
- -
-
-

June 2012 - April 2013

-

University of Life

-

Master Degree

-
-
-

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi - cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident - cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est - occaecat nisi.

-
-
- -
-
- -
-
-

June 2008 - March 2012

-

State Design University

-

Bachelor Degree

-
-
-

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi - cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident - cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est - occaecat nisi incididunt.

-
-
- -
-
- -
-
-

June 2006 - October 2008

-

Design College

-

Bachelor Degree

-
-
-

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi - cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident - cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est - occaecat nisi incididunt.

-
- -
- -
- -
- -
- -
- - - + +
+ +
+ + + +

Experience

+ +
+ +
+
+ +
+
+

July 2015 - Present

+

Awesome Studio

+

UI Designer

+
+
+

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi + cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident + cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est + occaecat nisi.

+
+
+ +
+
+ +
+
+

July 2014 - June 2015

+

Super Cool Agency

+

Front-end Developer

+
+
+

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi + cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident + cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est + occaecat nisi incididunt.

+
+
+ +
+
+ +
+
+

May 2013 - June 2014

+

Great Designs Studio

+

Web Designer

+
+
+

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi + cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident + cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est + occaecat nisi incididunt.

+
+
+ +
+ +
+ +
+ + + +

Education

+ +
+ +
+
+ +
+
+

June 2012 - April 2013

+

University of Life

+

Master Degree

+
+
+

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi + cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident + cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est + occaecat nisi.

+
+
+ +
+
+ +
+
+

June 2008 - March 2012

+

State Design University

+

Bachelor Degree

+
+
+

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi + cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident + cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est + occaecat nisi incididunt.

+
+
+ +
+
+ +
+
+

June 2006 - October 2008

+

Design College

+

Bachelor Degree

+
+
+

Lorem ipsum Occaecat do esse ex et dolor culpa nisi ex in magna consectetur nisi + cupidatat laboris esse eiusmod deserunt aute do quis velit esse sed Ut proident + cupidatat nulla esse cillum laborum occaecat nostrud sit dolor incididunt amet est + occaecat nisi incididunt.

+
+ +
+ +
+ +
+ +
+ + + + + -
- -
-
-

Portfolio

-

See My Latest Projects.

- -

Lorem ipsum Dolor adipisicing nostrud et aute Excepteur amet commodo ea - dolore irure esse Duis nulla sint fugiat cillum ullamco proident aliquip quis qui voluptate dolore - veniam Ut laborum non est in officia.

-
-
- -
-
-
- -
-
- - Skaterboy -
- - Web Development - -

Skaterboy

-
- - - - -
- -
-

Skater Boy

-

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt - quis nulla voluptate fugiat velit. Details

-
-
- -
-
- - Shutterbug -
- - Photography - -

Shutterbug

-
- - - - -
- -
-

Shutterbug

-

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt - quis nulla voluptate fugiat velit. Details

-
-
- -
-
- - Explore -
- - UI/UX Design - -

Explore

-
- - - - -
- -
-

Explore

-

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt - quis nulla voluptate fugiat velit. Details

-
-
- -
-
- - Minimalismo -
- - Web Design - -

Minimalismo

-
- - - - -
- -
-

Minimalismo

-

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt - quis nulla voluptate fugiat velit. Details

-
-
- -
-
- - Bicycle -
- - Branding - -

Bicycle

-
- - - - -
- -
-

Bicycle

-

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt - quis nulla voluptate fugiat velit. Details

-
-
- -
-
- - Salad -
- - Photography - -

Salad

-
- - - - -
- -
-

Salad

-

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt - quis nulla voluptate fugiat velit. Details

-
-
- -
-
-
- -
- - - + +
+
+
+ +
+
+ + Skaterboy +
+ + Web Development + +

Skaterboy

+
+ + + + +
+ +
+

Skater Boy

+

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt + quis nulla voluptate fugiat velit. Details

+
+
+ +
+
+ + Shutterbug +
+ + Photography + +

Shutterbug

+
+ + + + +
+ +
+

Shutterbug

+

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt + quis nulla voluptate fugiat velit. Details

+
+
+ +
+
+ + Explore +
+ + UI/UX Design + +

Explore

+
+ + + + +
+ +
+

Explore

+

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt + quis nulla voluptate fugiat velit. Details

+
+
+ +
+
+ + Minimalismo +
+ + Web Design + +

Minimalismo

+
+ + + + +
+ +
+

Minimalismo

+

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt + quis nulla voluptate fugiat velit. Details

+
+
+ +
+
+ + Bicycle +
+ + Branding + +

Bicycle

+
+ + + + +
+ +
+

Bicycle

+

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt + quis nulla voluptate fugiat velit. Details

+
+
+ +
+
+ + Salad +
+ + Photography + +

Salad

+
+ + + + +
+ +
+

Salad

+

Lorem ipsum Dolor deserunt labore sint officia. Magna et aute enim proident tempor sunt + quis nulla voluptate fugiat velit. Details

+
+
+ +
+
+
+ + + + + -
- -
-
-
- -
-
- -
-
- Projects Completed -
-

430

-
- -
-
- -
-
- Happy Clients -
-

390

-
- -
-
- -
-
- Awards Received -
-

100

-
- -
-
- -
-
- Crazy Ideas -
-

120

-
- -
-
-
- -
- - - + +
+
+ +
+
+ Happy Clients +
+

390

+
+ +
+
+ +
+
+ Awards Received +
+

100

+
+ +
+
+ +
+
+ Crazy Ideas +
+

120

+
+ + + + + + + + + -
+
-
+
-
-
-

Contact

-

I'm Available for Freelance Work. Feel Free to Contact Me.

+
+
+

Contact

+

I'm Available for Freelance Work. Feel Free to Contact Me.

-

Lorem ipsum Do commodo in proident enim in dolor cupidatat adipisicing - dolore officia nisi aliqua incididunt Ut veniam lorem ipsum Consectetur ut in in eu do.

-
-
+

Lorem ipsum Do commodo in proident enim in dolor cupidatat adipisicing + dolore officia nisi aliqua incididunt Ut veniam lorem ipsum Consectetur ut in in eu do.

+
+
-
-
+
+
- -
+ + -
- -
-
- -
-
- -
-
- -
+
+ +
+
+ +
+
+ +
+
+ +
-
- -
+
+ +
-
-
-
+ +
+
-
+
-
-
Where to find me
+
+
Where to find me
-

- 1600 Amphitheatre Parkway
- Mountain View, CA
- 94043 US -

-
+

+ 1600 Amphitheatre Parkway
+ Mountain View, CA
+ 94043 US +

+
-
-
Email Me At
+
+
Email Me At
-

- someone@testwebsite.com
- info@testwebsite.com -

-
+

+ someone@testwebsite.com
+ info@testwebsite.com +

+
-
-
Call Me At
+
+
Call Me At
-

- Phone: (+63) 555 1212
- Mobile: (+63) 555 0100
- Fax: (+63) 555 0101 -

-
+

+ Phone: (+63) 555 1212
+ Mobile: (+63) 555 0100
+ Fax: (+63) 555 0101 +

+
-
+
-
+
- - - -
-
-
- - + +
+ +
+ + +
+
+
+ + - - - + + + - \ No newline at end of file + From 4e36217483e27cb6d32bc5858608aa908fd7b8ee Mon Sep 17 00:00:00 2001 From: Akshith <51070096+akshith6212@users.noreply.github.com> Date: Sun, 16 May 2021 14:40:47 +0530 Subject: [PATCH 02/11] Update README.md --- README.md | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index af13cca..bc51a9d 100644 --- a/README.md +++ b/README.md @@ -1,19 +1,19 @@ # idtc-opensource-day2 -**Step-1:** Fork the repository.
-**Step-2:** Look at the reference picture provided.
-**Step-3:** Find the issues in the code.
-**Step-4:** Correct the code and make it look exactly the reference same as picture.
-**Step-5:** After you complete your task and then you have to publish it on "GitHub Pages".
-
-To publish it on GitHub pages follow these steps:
-Step-1: Go to "Settings".
-Step-2: Then click on "Pages" on left menu list.
-Step-3: Under the "Source" section select your branch (Usually it's the main branch you are working on, choose other branch if you have), and then click on "Save" button.
+**Step-1:** Fork the repository.
+**Step-2:** Look at the reference picture provided.
+**Step-3:** Find the issues in the code.
+**Step-4:** Correct the code and make it look exactly the reference same as picture.
+**Step-5:** After you complete your task and then you have to publish it on "GitHub Pages".

+To publish it on GitHub pages follow these steps:
+Step-1: Go to "Settings".
+Step-2: Then click on "Pages" on left menu list.
+Step-3: Under the "Source" section select your branch (Usually it's the main branch you are working on, choose other branch if you have), and then click on "Save" button.
+
After following the steps you will have the GitHub pages link. -
-
+
+
Note: After completing this task you will have your own Portfolio Page published on GitHub pages. -![](https://storage.googleapis.com/incind/idtc-day2-task-minspNieBZ.png) +![image](https://storage.googleapis.com/incind/idtc-day2-task-minspNieBZ.png) From 6f31c82ed2fb3e72c3014769a82c70fb14cf32ef Mon Sep 17 00:00:00 2001 From: Akshith <51070096+akshith6212@users.noreply.github.com> Date: Sun, 16 May 2021 14:42:28 +0530 Subject: [PATCH 03/11] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index bc51a9d..22efb8e 100644 --- a/README.md +++ b/README.md @@ -5,7 +5,7 @@ **Step-3:** Find the issues in the code.
**Step-4:** Correct the code and make it look exactly the reference same as picture.
**Step-5:** After you complete your task and then you have to publish it on "GitHub Pages".
-
+
To publish it on GitHub pages follow these steps:
Step-1: Go to "Settings".
Step-2: Then click on "Pages" on left menu list.
From 7b8e5fcbe7a01e8857ec4edcf8b185fdd7d158d7 Mon Sep 17 00:00:00 2001 From: Akshith <51070096+akshith6212@users.noreply.github.com> Date: Sun, 16 May 2021 14:46:04 +0530 Subject: [PATCH 04/11] Update README.md --- README.md | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index 22efb8e..ccd2474 100644 --- a/README.md +++ b/README.md @@ -1,19 +1,16 @@ # idtc-opensource-day2 -**Step-1:** Fork the repository.
-**Step-2:** Look at the reference picture provided.
-**Step-3:** Find the issues in the code.
-**Step-4:** Correct the code and make it look exactly the reference same as picture.
-**Step-5:** After you complete your task and then you have to publish it on "GitHub Pages".
-
-To publish it on GitHub pages follow these steps:
-Step-1: Go to "Settings".
-Step-2: Then click on "Pages" on left menu list.
-Step-3: Under the "Source" section select your branch (Usually it's the main branch you are working on, choose other branch if you have), and then click on "Save" button.
-
+**Step-1:** Fork the repository. +**Step-2:** Look at the reference picture provided. +**Step-3:** Find the issues in the code. +**Step-4:** Correct the code and make it look exactly the reference same as picture. +**Step-5:** After you complete your task and then you have to publish it on "GitHub Pages". + +To publish it on GitHub pages follow these steps: +Step-1: Go to "Settings". +Step-2: Then click on "Pages" on left menu list. +Step-3: Under the "Source" section select your branch (Usually it's the main branch you are working on, choose other branch if you have), and then click on "Save" button. After following the steps you will have the GitHub pages link. -
-
Note: After completing this task you will have your own Portfolio Page published on GitHub pages. ![image](https://storage.googleapis.com/incind/idtc-day2-task-minspNieBZ.png) From dcab12f5cffd7d17d8d6789cef0dca968c565920 Mon Sep 17 00:00:00 2001 From: Akshith <51070096+akshith6212@users.noreply.github.com> Date: Sun, 16 May 2021 14:48:46 +0530 Subject: [PATCH 05/11] Delete README.md --- README.md | 16 ---------------- 1 file changed, 16 deletions(-) delete mode 100644 README.md diff --git a/README.md b/README.md deleted file mode 100644 index ccd2474..0000000 --- a/README.md +++ /dev/null @@ -1,16 +0,0 @@ -# idtc-opensource-day2 - -**Step-1:** Fork the repository. -**Step-2:** Look at the reference picture provided. -**Step-3:** Find the issues in the code. -**Step-4:** Correct the code and make it look exactly the reference same as picture. -**Step-5:** After you complete your task and then you have to publish it on "GitHub Pages". - -To publish it on GitHub pages follow these steps: -Step-1: Go to "Settings". -Step-2: Then click on "Pages" on left menu list. -Step-3: Under the "Source" section select your branch (Usually it's the main branch you are working on, choose other branch if you have), and then click on "Save" button. -After following the steps you will have the GitHub pages link. -Note: After completing this task you will have your own Portfolio Page published on GitHub pages. - -![image](https://storage.googleapis.com/incind/idtc-day2-task-minspNieBZ.png) From 5006a594324b2b7517c2dbb4fdc86023f2e0b3bd Mon Sep 17 00:00:00 2001 From: Akshith <51070096+akshith6212@users.noreply.github.com> Date: Sun, 16 May 2021 14:49:22 +0530 Subject: [PATCH 06/11] Create README.md --- README.md | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 README.md diff --git a/README.md b/README.md new file mode 100644 index 0000000..ccd2474 --- /dev/null +++ b/README.md @@ -0,0 +1,16 @@ +# idtc-opensource-day2 + +**Step-1:** Fork the repository. +**Step-2:** Look at the reference picture provided. +**Step-3:** Find the issues in the code. +**Step-4:** Correct the code and make it look exactly the reference same as picture. +**Step-5:** After you complete your task and then you have to publish it on "GitHub Pages". + +To publish it on GitHub pages follow these steps: +Step-1: Go to "Settings". +Step-2: Then click on "Pages" on left menu list. +Step-3: Under the "Source" section select your branch (Usually it's the main branch you are working on, choose other branch if you have), and then click on "Save" button. +After following the steps you will have the GitHub pages link. +Note: After completing this task you will have your own Portfolio Page published on GitHub pages. + +![image](https://storage.googleapis.com/incind/idtc-day2-task-minspNieBZ.png) From 78debe55dbd2edd77c8603dd413772987c80868d Mon Sep 17 00:00:00 2001 From: Akshith <51070096+akshith6212@users.noreply.github.com> Date: Sun, 16 May 2021 14:49:34 +0530 Subject: [PATCH 07/11] Delete .DS_Store --- .DS_Store | Bin 8196 -> 0 bytes 1 file changed, 0 insertions(+), 0 deletions(-) delete mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store deleted file mode 100644 index 0ce75fb71f08091128d5c03080f740ad7168ca09..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8196 zcmeHMO=}ZD7=9-obyq3opjfcNUIY&%Bv8?dkj7N#p&&-|P_<3Eu}RtNgl22hG_rRu zp7i8z(6b;4f`38(gTKI&KJ#I^lkIv8f-^Al%+CA1GtWG;yOY@v5vw2iRiY&#a*zd< z&Y(CU3A@Otl+!KCK!$h<_NvWY-XEkqZG%<7Dqt0`3RnfK0{@Bv*t11)GWLCCwWU?S zD)3(_Al?rivcQ_gSfPA%ppZuZU;)iCpF;)l*5>uf-70UDxgQ;+|d)lw2 zF;=L;iRr@!(<3u|LSb@r^zTV`Vl{=fvD)~oMy+1hIgr6UzXO*C_j{qwM|FM} z`a{`IQyE;xb=~dK`SG~2;#DRq-nhEDit6=iS0@wKxp299V`HcP?D_a;^5V6aE?(;T zl#emzeE11IGB#tb+IHg8A#KLo^74sw=?<;a z8Z~GWSO$CFWDlFk470AGNz6W0D0C3lY6G|Xzm&rkR)M)IkXIuviSz$@_V@p}^Rfe4 z1*`(|Q-Bp3%|;#LsjWFZu-K|SQTN~~Vrm*=g=j&t OKLn% Date: Sun, 16 May 2021 14:54:35 +0530 Subject: [PATCH 08/11] Update README.md --- README.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index ccd2474..e053634 100644 --- a/README.md +++ b/README.md @@ -1,16 +1,16 @@ # idtc-opensource-day2 -**Step-1:** Fork the repository. -**Step-2:** Look at the reference picture provided. -**Step-3:** Find the issues in the code. -**Step-4:** Correct the code and make it look exactly the reference same as picture. -**Step-5:** After you complete your task and then you have to publish it on "GitHub Pages". - -To publish it on GitHub pages follow these steps: -Step-1: Go to "Settings". -Step-2: Then click on "Pages" on left menu list. -Step-3: Under the "Source" section select your branch (Usually it's the main branch you are working on, choose other branch if you have), and then click on "Save" button. -After following the steps you will have the GitHub pages link. -Note: After completing this task you will have your own Portfolio Page published on GitHub pages. +**Step-1:** Fork the repository.
+**Step-2:** Look at the reference picture provided.
+**Step-3:** Find the issues in the code.
+**Step-4:** Correct the code and make it look exactly the reference same as picture.
+**Step-5:** After you complete your task and then you have to publish it on "GitHub Pages".
+To publish it on GitHub pages follow these steps:
+Step-1: Go to "Settings".
+Step-2: Then click on "Pages" on left menu list.
+Step-3: Under the "Source" section select your branch (Usually it's the main branch you are working on, choose other branch if you have), and then click on "Save" button.
+After following the steps you will have the GitHub pages link.
+Note: After completing this task you will have your own Portfolio Page published on GitHub pages.
+
![image](https://storage.googleapis.com/incind/idtc-day2-task-minspNieBZ.png) From 15733f6ce61d59aa167f168aed3e13dd55fc7b03 Mon Sep 17 00:00:00 2001 From: akshith6212 Date: Sun, 16 May 2021 18:14:13 +0530 Subject: [PATCH 09/11] fixed issues --- favicon.ico | Bin 0 -> 318 bytes js/main.js | 12 ++++++------ 2 files changed, 6 insertions(+), 6 deletions(-) create mode 100644 favicon.ico diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..71fc03df2b62d15eecfea6856bf2fc277cac9fbd GIT binary patch literal 318 zcmb`Cu?@mN3`O5b3}833q|6FbnGA`74H$r7C{kqrL`9W`0*MNV==i?Vm2|Q7zrXx# z>kg9A%)}e|1Y4jNOz4E@M;r@R3a>>zHML50ugCSEB19gCRn Date: Sun, 16 May 2021 18:17:05 +0530 Subject: [PATCH 10/11] Update README.md --- README.md | 1 - 1 file changed, 1 deletion(-) diff --git a/README.md b/README.md index e053634..caf12bc 100644 --- a/README.md +++ b/README.md @@ -13,4 +13,3 @@ Step-3: Under the "Source" section select your branch (Usually it's the main bra After following the steps you will have the GitHub pages link.
Note: After completing this task you will have your own Portfolio Page published on GitHub pages.

-![image](https://storage.googleapis.com/incind/idtc-day2-task-minspNieBZ.png) From 52d0e7ea8934ace81552ffbe5c590fe33ad82018 Mon Sep 17 00:00:00 2001 From: Akshith <51070096+akshith6212@users.noreply.github.com> Date: Mon, 17 May 2021 09:10:36 +0530 Subject: [PATCH 11/11] Set theme jekyll-theme-cayman --- _config.yml | 1 + 1 file changed, 1 insertion(+) create mode 100644 _config.yml diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..c419263 --- /dev/null +++ b/_config.yml @@ -0,0 +1 @@ +theme: jekyll-theme-cayman \ No newline at end of file