diff --git a/css/custom.css b/css/custom.css new file mode 100644 index 0000000..29dc879 --- /dev/null +++ b/css/custom.css @@ -0,0 +1,132 @@ +/* 1eaedb */ +body { + background: + radial-gradient(#282828 15%, transparent 16%) 0 0, + radial-gradient(#282828 15%, transparent 16%) 8px 8px, + radial-gradient(rgba(255,255,255,.05) 15%, transparent 20%) 0 1px, + radial-gradient(rgba(255,255,255,.05) 15%, transparent 20%) 8px 9px; + background-color: #333; + background-size: 16px 16px; + /* + background: #333; + */ + color: #ddd; +} + +th, td { + border-color: #555; +} + +.container { + padding: 10rem 0; +} +.container > .docs-section { + padding-bottom: 10rem; +} + +.docs-section ~ .docs-section { + border-top: 1px solid #555; + padding: 2rem 0; +} + +.leading-img { + height: 100%; + margin: auto; +} + +.leading-img > img { + max-height: 100%; + max-width: 100%; + width: auto; + height: auto; + margin: auto; + border-radius: 8px 60%; +} + +.timeline { + border-left: 2px solid #555; + padding: 15px 0px; +} + +.timeline-item { + display: block; + position: relative; + padding: 15px 20px 10px; + margin-left: 20px; + margin-bottom: 20px; + background-color: #333; + border-left: 2px solid #3ecefb; + box-shadow: 0px 0px 3px 0px rgba(255,255,255,.2); +} + +.timeline-item:hover { + box-shadow: 0px 0px 8px 0px rgba(255,255,255,.2); +} + +.timeline > .timeline-item::before { + content: ''; + display: inline-block; + position: absolute; + background-color: #333; + border-radius: 50%; + width: 12px; + height: 12px; + top: 20px; + left: -31px; + border: 2px solid #3ecefb; + z-index: 2; +} + +.timeline > .timeline-item::after { + content: ''; + display: inline-block; + position: absolute; + background-color: #3ecefb; + border-radius: 10px; + width: 29px; + height: 2px; + top: 27px; + left: -31px; + z-index: 1; +} + +.timeline-item > h5 { + margin-bottom: .5rem; +} + +.timeline-item-span { + display: inline-block; + margin-top: 0px; + padding-top: 0px; + color: #3ecefb; + margin-bottom: .5rem; +} + +.timeline-item-location { + display: inline-block; + margin-top: 0px; + padding-top: 0px; + margin-left: 10px; + padding-left: 12px; + border-left: 2px solid #555; +} + +.skill-container { + display: inline-block; + background-color: #555; + width: 100%; + height: 12px; +} + +.skill-container > div { + height: 100%; + background-color: #3ecefb; +} + +.skill-90 { width: 90%; } +.skill-80 { width: 80%; } +.skill-70 { width: 70%; } +.skill-60 { width: 60%; } +.skill-50 { width: 50%; } +.skill-40 { width: 40%; } +.skill-30 { width: 30%; } diff --git a/css/index.html b/css/index.html deleted file mode 100644 index c81c190..0000000 --- a/css/index.html +++ /dev/null @@ -1,46 +0,0 @@ - - - - - - - Your page title here :) - - - - - - - - - - - - - - - - - - - - -
-
-
-

Basic Page

-

This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the Skeleton documentation.

-
-
-
- - - - diff --git a/css/styles.css b/css/styles.css deleted file mode 100644 index 8feef57..0000000 --- a/css/styles.css +++ /dev/null @@ -1,2424 +0,0 @@ -/* ========================================================================== - -// Base Stylesheet - http://getbase.org -// Author: Matthew Hartman - http://www.matthewhartman.com.au/ -// Version: 3.5.1 - Last Updated: August 18, 2017 - -========================================================================== */ -*, *:before, *:after { - -webkit-box-sizing: border-box; - box-sizing: border-box; } - -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; } - -html, button, input, select, textarea { - font-family: inherit; } - -article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { - display: block; } - -body, form, fieldset, legend, input, select, textarea, button { - margin: 0; } - -audio:not([controls]) { - display: none; - height: 0; } - -audio, canvas, progress, video { - display: inline-block; } - -progress { - vertical-align: baseline; } - -[hidden], template { - display: none; } - -img { - border-style: none; } - -svg:not(:root) { - overflow: hidden; } - -body { - font-family: sans-serif; - font-size: 16px; - font-size: 1rem; - line-height: 22px; - line-height: 1.375rem; - color: #000; - font-weight: 400; - background: #fff; } - -p { - margin: 0 0 20px 0; } - -a { - color: #000; - text-decoration: underline; - background-color: transparent; - -webkit-text-decoration-skip: objects; } - a:active, a:hover { - color: #000; - outline-width: 0; - text-decoration: none; } - -h1, h2, h3, h4, h5, h6 { - font-family: sans-serif; - margin: 0; } - -h1, .fs-1 { - font-size: 32px; - font-size: 2rem; - line-height: 38px; - line-height: 2.375rem; } - -h2, .fs-2 { - font-size: 26px; - font-size: 1.625rem; - line-height: 32px; - line-height: 2rem; } - -h3, .fs-3 { - font-size: 22px; - font-size: 1.375rem; - line-height: 28px; - line-height: 1.75rem; } - -h4, .fs-4 { - font-size: 18px; - font-size: 1.125rem; - line-height: 24px; - line-height: 1.5rem; } - -h5, .fs-5 { - font-size: 16px; - font-size: 1rem; - line-height: 22px; - line-height: 1.375rem; } - -h6, .fs-6 { - font-size: 14px; - font-size: 0.875rem; - line-height: 20px; - line-height: 1.25rem; } - -h1 { - margin-bottom: .5em; - color: #000; - font-weight: 700; } - -h2 { - margin-bottom: .2em; - color: #000; - font-weight: 700; } - -h3 { - margin-bottom: .2em; - color: #000; - font-weight: 700; } - -h4 { - margin-bottom: .2em; - color: #000; - font-weight: 700; } - -h5 { - margin-bottom: .1em; - color: #000; - font-weight: 700; } - -h6 { - margin-bottom: .1em; - color: #000; - font-weight: 700; } - -b, strong, .strong { - font-weight: 700; } - -em, .em { - font-style: italic; } - -abbr[title], .abbr[title] { - border-bottom: none; - text-decoration: underline; - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; } - -dfn { - font-style: italic; } - -small, .small { - font-size: 13px; - font-size: 0.8125rem; - line-height: 16px; - line-height: 1rem; } - -mark, .mark { - background-color: #ff0; - color: #000; } - -sub, .sub, sup, .sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sub, .sub { - bottom: -0.25em; } - -sup, .sup { - top: -0.5em; } - -del, .del { - text-decoration: line-through; } - -figure { - margin: 1em 40px; } - -hr, .hr { - -webkit-box-sizing: content-box; - box-sizing: content-box; - height: 1px; - background: #eee; - border: 0; - margin-top: 20px; - margin-bottom: 20px; } - -ul, ol { - margin: 20px 0; - padding: 0 0 0 40px; } - -dl:before, dl:after { - content: " "; - display: table; } - -dl:after { - clear: both; } - -dl dt { - float: left; - width: 25%; - display: block; - font-weight: 400; } - -dl dd { - overflow: hidden; - display: block; } - -blockquote, -.blockquote { - font-family: sans-serif; - font-weight: 400; - font-style: italic; - margin: 20px 0; } - blockquote p, - .blockquote p { - font-size: 22px; - font-size: 1.375rem; - line-height: 28px; - line-height: 1.75rem; - margin-bottom: 20px; } - blockquote cite, - .blockquote cite { - font-size: 13px; - font-size: 0.8125rem; - line-height: 19px; - line-height: 1.1875rem; - font-weight: 700; - font-style: normal; } - -caption { - font-size: inherit; - line-height: normal; - font-weight: 700; - text-align: left; - padding: 10px; - border-bottom: 1px solid #d7d7d7; } - -table { - font-size: 14px; - font-size: 0.875rem; - border-collapse: collapse; - border-spacing: 0; - width: 100%; - margin: 0; - text-align: left; } - table thead td, - table thead th, - table tbody td, - table tbody th, - table tfoot td, - table tfoot th { - color: #585858; - padding: 10px; - border-bottom: 1px solid #e9e9e9; } - -code, kbd, pre, samp { - font-size: 13px; - font-size: 0.8125rem; - line-height: 18px; - line-height: 1.125rem; - word-wrap: break-word; - font-family: monospace, monospace; - color: #000; - background-color: transparent; - font-weight: normal; - padding: 0; - white-space: pre-wrap; } - -pre { - padding: 10px; - overflow: auto; - border: 1px solid #d7d7d7; } - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -legend { - -webkit-box-sizing: border-box; - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; } - -label, -button, -input, -optgroup, -select, -textarea { - color: #000; - font: inherit; - margin: 0; - border-radius: 0; } - -[type="text"], -[type="email"], -[type="password"], -[type="tel"], -[type="number"], -[type="date"] { - height: 36px; - padding: 10px; - background-color: #fff; - border: 1px solid #ccc; - -webkit-appearance: none; - -moz-appearance: textfield; - border-radius: 0; } - [type="text"]:focus, - [type="email"]:focus, - [type="password"]:focus, - [type="tel"]:focus, - [type="number"]:focus, - [type="date"]:focus { - background-color: #fff; - border-color: #f7c723; - outline: 0; } - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -[type="date"]::-webkit-inner-spin-button { - display: none; - -webkit-appearance: none; } - -[type="checkbox"], -[type="radio"] { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 0; } - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } - -[type="search"] { - -webkit-appearance: textfield; - outline-offset: -2px; } - -[type="search"]::-webkit-search-cancel-button, -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } - -textarea { - padding: 10px; - background-color: #fff; - border: 1px solid #ccc; - overflow: auto; } - textarea:focus { - background-color: #fff; - border-color: #f7c723; - outline: 0; } - -select { - text-transform: none; - height: 36px; - padding: 0 10px; - background-color: #fff; - border: 1px solid #ccc; } - select:focus { - background-color: #fff; - border-color: #f7c723; - outline: 0; } - -optgroup { - font-weight: 700; } - -button { - border-radius: 0; - overflow: visible; - text-transform: none; - cursor: pointer; } - -button, -html [type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; - border-radius: 0; } - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -button[disabled], -html input[disabled] { - cursor: not-allowed; } - -input::-webkit-input-placeholder { - color: #999; } - -input:-moz-placeholder { - color: #999; } - -input::-moz-placeholder { - color: #999; } - -input:-ms-input-placeholder { - color: #999; } - -.button { - cursor: pointer; - border: 1px solid #d7d7d7; - background-color: #f3f3f3; - line-height: normal; - padding: 10px 20px; - text-decoration: none; - color: #363636; - display: inline-block; - -webkit-transition: all 0.3s; - transition: all 0.3s; } - .button:hover, .button:active { - text-decoration: none; } - .button:hover { - background: #f9f9f9; } - -.button-link { - color: #000; - text-decoration: underline; - border: 0; - background: transparent; - padding: 0; } - .button-link:hover { - text-decoration: none; } - .button-link:active { - outline: 0; } - -.clear:before, .clear:after { - content: " "; - display: table; } - -.clear:after { - clear: both; } - -.row:before, .row:after { - content: ""; - display: table; } - -.row:after { - clear: both; } - -.row { - position: relative; - margin-left: -15px; - margin-right: -15px; } - -@media only screen and (min-width: 740px) { - .row-m { - position: relative; - margin-left: -15px; - margin-right: -15px; } - .row-m:before, .row-m:after { - content: ""; - display: table; } - .row-m:after { - clear: both; } - .clear-m:before, .clear-m:after { - content: ""; - display: table; } - .clear-m:after { - clear: both; } } - -@media only screen and (min-width: 980px) { - .row-l { - position: relative; - margin-left: -15px; - margin-right: -15px; } - .row-l:before, .row-l:after { - content: ""; - display: table; } - .row-l:after { - clear: both; } - .clear-l:before, .clear-l:after { - content: ""; - display: table; } - .clear-l:after { - clear: both; } } - -@media only screen and (min-width: 1140px) { - .row-xl { - position: relative; - margin-left: -15px; - margin-right: -15px; } - .row-xl:before, .row-xl:after { - content: ""; - display: table; } - .row-xl:after { - clear: both; } - .clear-xl:before, .clear-xl:after { - content: ""; - display: table; } - .clear-xl:after { - clear: both; } } - -.container, .container-full { - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; } - -@media only screen and (min-width: 740px) { - .container { - width: 720px; } - .container-m, .container-full-m { - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; } - .container-m { - width: 720px; } - .container-full-m { - width: auto; } } - -@media only screen and (min-width: 980px) { - .container { - width: 960px; } - .container-l, .container-full-l { - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; } - .container-l { - width: 960px; } - .container-full-l { - width: auto; } } - -@media only screen and (min-width: 1140px) { - .container { - width: 1120px; } - .container-xl, .container-full-xl { - padding-left: 15px; - padding-right: 15px; - margin-left: auto; - margin-right: auto; } - .container-xl { - width: 1120px; } - .container-full-xl { - width: auto; } } - -.col-1, -.col-2, -.col-3, -.col-4, -.col-5, -.col-6, -.col-7, -.col-8, -.col-9, -.col-10, -.col-11, -.col-12, -.col-1-2, -.col-1-3, -.col-2-3, -.col-1-4, -.col-3-4, -.col-1-5, -.col-2-5, -.col-3-5, -.col-4-5 { - padding-left: 15px; - padding-right: 15px; - position: relative; - float: left; } - -.col-1 { - width: 8.33333%; } - -.col-2 { - width: 16.66667%; } - -.col-3 { - width: 25%; } - -.col-4 { - width: 33.33333%; } - -.col-5 { - width: 41.66667%; } - -.col-6 { - width: 50%; } - -.col-7 { - width: 58.33333%; } - -.col-8 { - width: 66.66667%; } - -.col-9 { - width: 75%; } - -.col-10 { - width: 83.33333%; } - -.col-11 { - width: 91.66667%; } - -.col-12 { - width: 100%; } - -.col-1-2 { - width: 50%; } - -.col-1-3 { - width: 33.33333%; } - -.col-2-3 { - width: 66.66667%; } - -.col-1-4 { - width: 25%; } - -.col-3-4 { - width: 75%; } - -.col-1-5 { - width: 20%; } - -.col-2-5 { - width: 40%; } - -.col-3-5 { - width: 60%; } - -.col-4-5 { - width: 80%; } - -.col-full { - width: 100%; } - -.push-1 { - left: 8.33333%; } - -.push-2 { - left: 16.66667%; } - -.push-3 { - left: 25%; } - -.push-4 { - left: 33.33333%; } - -.push-5 { - left: 41.66667%; } - -.push-6 { - left: 50%; } - -.push-7 { - left: 58.33333%; } - -.push-8 { - left: 66.66667%; } - -.push-9 { - left: 75%; } - -.push-10 { - left: 83.33333%; } - -.push-11 { - left: 91.66667%; } - -.push-1-2 { - left: 50%; } - -.push-1-3 { - left: 33.33333%; } - -.push-2-3 { - left: 66.66667%; } - -.push-1-4 { - left: 25%; } - -.push-3-4 { - left: 75%; } - -.push-1-5 { - left: 20%; } - -.push-2-5 { - left: 40%; } - -.push-3-5 { - left: 60%; } - -.push-4-5 { - left: 80%; } - -.pull-1 { - left: -8.33333%; } - -.pull-2 { - left: -16.66667%; } - -.pull-3 { - left: -25%; } - -.pull-4 { - left: -33.33333%; } - -.pull-5 { - left: -41.66667%; } - -.pull-6 { - left: -50%; } - -.pull-7 { - left: -58.33333%; } - -.pull-8 { - left: -66.66667%; } - -.pull-9 { - left: -75%; } - -.pull-10 { - left: -83.33333%; } - -.pull-11 { - left: -91.66667%; } - -.pull-1-2 { - left: -50%; } - -.pull-1-3 { - left: -33.33333%; } - -.pull-2-3 { - left: -66.66667%; } - -.pull-1-4 { - left: -25%; } - -.pull-3-4 { - left: -75%; } - -.pull-1-5 { - left: -20%; } - -.pull-2-5 { - left: -40%; } - -.pull-3-5 { - left: -60%; } - -.pull-4-5 { - left: -80%; } - -@media only screen and (min-width: 740px) { - .col-1-m, - .col-2-m, - .col-3-m, - .col-4-m, - .col-5-m, - .col-6-m, - .col-7-m, - .col-8-m, - .col-9-m, - .col-10-m, - .col-11-m, - .col-12-m, - .col-1-2-m, - .col-1-3-m, - .col-2-3-m, - .col-1-4-m, - .col-3-4-m, - .col-1-5-m, - .col-2-5-m, - .col-3-5-m, - .col-4-5-m { - padding-left: 15px; - padding-right: 15px; - position: relative; - float: left; } - .col-1-m { - width: 8.33333%; } - .col-2-m { - width: 16.66667%; } - .col-3-m { - width: 25%; } - .col-4-m { - width: 33.33333%; } - .col-5-m { - width: 41.66667%; } - .col-6-m { - width: 50%; } - .col-7-m { - width: 58.33333%; } - .col-8-m { - width: 66.66667%; } - .col-9-m { - width: 75%; } - .col-10-m { - width: 83.33333%; } - .col-11-m { - width: 91.66667%; } - .col-12-m { - width: 100%; } - .col-1-2-m { - width: 50%; } - .col-1-3-m { - width: 33.33333%; } - .col-2-3-m { - width: 66.66667%; } - .col-1-4-m { - width: 25%; } - .col-3-4-m { - width: 75%; } - .col-1-5-m { - width: 20%; } - .col-2-5-m { - width: 40%; } - .col-3-5-m { - width: 60%; } - .col-4-5-m { - width: 80%; } - .col-full-m { - width: 100%; } - .push-1-m { - left: 8.33333%; } - .push-2-m { - left: 16.66667%; } - .push-3-m { - left: 25%; } - .push-4-m { - left: 33.33333%; } - .push-5-m { - left: 41.66667%; } - .push-6-m { - left: 50%; } - .push-7-m { - left: 58.33333%; } - .push-8-m { - left: 66.66667%; } - .push-9-m { - left: 75%; } - .push-10-m { - left: 83.33333%; } - .push-11-m { - left: 91.66667%; } - .push-1-2-m { - left: 50%; } - .push-1-3-m { - left: 33.33333%; } - .push-2-3-m { - left: 66.66667%; } - .push-1-4-m { - left: 25%; } - .push-3-4-m { - left: 75%; } - .push-1-5-m { - left: 20%; } - .push-2-5-m { - left: 40%; } - .push-3-5-m { - left: 60%; } - .push-4-5-m { - left: 80%; } - .pull-1-m { - left: -8.33333%; } - .pull-2-m { - left: -16.66667%; } - .pull-3-m { - left: -25%; } - .pull-4-m { - left: -33.33333%; } - .pull-5-m { - left: -41.66667%; } - .pull-6-m { - left: -50%; } - .pull-7-m { - left: -58.33333%; } - .pull-8-m { - left: -66.66667%; } - .pull-9-m { - left: -75%; } - .pull-10-m { - left: -83.33333%; } - .pull-11-m { - left: -91.66667%; } - .pull-1-2-m { - left: -50%; } - .pull-1-3-m { - left: -33.33333%; } - .pull-2-3-m { - left: -66.66667%; } - .pull-1-4-m { - left: -25%; } - .pull-3-4-m { - left: -75%; } - .pull-1-5-m { - left: -20%; } - .pull-2-5-m { - left: -40%; } - .pull-3-5-m { - left: -60%; } - .pull-4-5-m { - left: -80%; } } - -@media only screen and (min-width: 980px) { - .col-1-l, - .col-2-l, - .col-3-l, - .col-4-l, - .col-5-l, - .col-6-l, - .col-7-l, - .col-8-l, - .col-9-l, - .col-10-l, - .col-11-l, - .col-12-l, - .col-1-2-l, - .col-1-3-l, - .col-2-3-l, - .col-1-4-l, - .col-3-4-l, - .col-1-5-l, - .col-2-5-l, - .col-3-5-l, - .col-4-5-l { - padding-left: 15px; - padding-right: 15px; - position: relative; - float: left; } - .col-1-l { - width: 8.33333%; } - .col-2-l { - width: 16.66667%; } - .col-3-l { - width: 25%; } - .col-4-l { - width: 33.33333%; } - .col-5-l { - width: 41.66667%; } - .col-6-l { - width: 50%; } - .col-7-l { - width: 58.33333%; } - .col-8-l { - width: 66.66667%; } - .col-9-l { - width: 75%; } - .col-10-l { - width: 83.33333%; } - .col-11-l { - width: 91.66667%; } - .col-12-l { - width: 100%; } - .col-1-2-l { - width: 50%; } - .col-1-3-l { - width: 33.33333%; } - .col-2-3-l { - width: 66.66667%; } - .col-1-4-l { - width: 25%; } - .col-3-4-l { - width: 75%; } - .col-1-5-l { - width: 20%; } - .col-2-5-l { - width: 40%; } - .col-3-5-l { - width: 60%; } - .col-4-5-l { - width: 80%; } - .col-full-l { - width: 100%; } - .push-1-l { - left: 8.33333%; } - .push-2-l { - left: 16.66667%; } - .push-3-l { - left: 25%; } - .push-4-l { - left: 33.33333%; } - .push-5-l { - left: 41.66667%; } - .push-6-l { - left: 50%; } - .push-7-l { - left: 58.33333%; } - .push-8-l { - left: 66.66667%; } - .push-9-l { - left: 75%; } - .push-10-l { - left: 83.33333%; } - .push-11-l { - left: 91.66667%; } - .push-1-2-l { - left: 50%; } - .push-1-3-l { - left: 33.33333%; } - .push-2-3-l { - left: 66.66667%; } - .push-1-4-l { - left: 25%; } - .push-3-4-l { - left: 75%; } - .push-1-5-l { - left: 20%; } - .push-2-5-l { - left: 40%; } - .push-3-5-l { - left: 60%; } - .push-4-5-l { - left: 80%; } - .pull-1-l { - left: -8.33333%; } - .pull-2-l { - left: -16.66667%; } - .pull-3-l { - left: -25%; } - .pull-4-l { - left: -33.33333%; } - .pull-5-l { - left: -41.66667%; } - .pull-6-l { - left: -50%; } - .pull-7-l { - left: -58.33333%; } - .pull-8-l { - left: -66.66667%; } - .pull-9-l { - left: -75%; } - .pull-10-l { - left: -83.33333%; } - .pull-11-l { - left: -91.66667%; } - .pull-1-2-l { - left: -50%; } - .pull-1-3-l { - left: -33.33333%; } - .pull-2-3-l { - left: -66.66667%; } - .pull-1-4-l { - left: -25%; } - .pull-3-4-l { - left: -75%; } - .pull-1-5-l { - left: -20%; } - .pull-2-5-l { - left: -40%; } - .pull-3-5-l { - left: -60%; } - .pull-4-5-l { - left: -80%; } } - -@media only screen and (min-width: 1140px) { - .col-1-xl, - .col-2-xl, - .col-3-xl, - .col-4-xl, - .col-5-xl, - .col-6-xl, - .col-7-xl, - .col-8-xl, - .col-9-xl, - .col-10-xl, - .col-11-xl, - .col-12-xl, - .col-1-2-xl, - .col-1-3-xl, - .col-2-3-xl, - .col-1-4-xl, - .col-3-4-xl, - .col-1-5-xl, - .col-2-5-xl, - .col-3-5-xl, - .col-4-5-xl { - padding-left: 15px; - padding-right: 15px; - position: relative; - float: left; } - .col-1-xl { - width: 8.33333%; } - .col-2-xl { - width: 16.66667%; } - .col-3-xl { - width: 25%; } - .col-4-xl { - width: 33.33333%; } - .col-5-xl { - width: 41.66667%; } - .col-6-xl { - width: 50%; } - .col-7-xl { - width: 58.33333%; } - .col-8-xl { - width: 66.66667%; } - .col-9-xl { - width: 75%; } - .col-10-xl { - width: 83.33333%; } - .col-11-xl { - width: 91.66667%; } - .col-12-xl { - width: 100%; } - .col-1-2-xl { - width: 50%; } - .col-1-3-xl { - width: 33.33333%; } - .col-2-3-xl { - width: 66.66667%; } - .col-1-4-xl { - width: 25%; } - .col-3-4-xl { - width: 75%; } - .col-1-5-xl { - width: 20%; } - .col-2-5-xl { - width: 40%; } - .col-3-5-xl { - width: 60%; } - .col-4-5-xl { - width: 80%; } - .col-full-xl { - width: 100%; } - .push-1-xl { - left: 8.33333%; } - .push-2-xl { - left: 16.66667%; } - .push-3-xl { - left: 25%; } - .push-4-xl { - left: 33.33333%; } - .push-5-xl { - left: 41.66667%; } - .push-6-xl { - left: 50%; } - .push-7-xl { - left: 58.33333%; } - .push-8-xl { - left: 66.66667%; } - .push-9-xl { - left: 75%; } - .push-10-xl { - left: 83.33333%; } - .push-11-xl { - left: 91.66667%; } - .push-1-2-xl { - left: 50%; } - .push-1-3-xl { - left: 33.33333%; } - .push-2-3-xl { - left: 66.66667%; } - .push-1-4-xl { - left: 25%; } - .push-3-4-xl { - left: 75%; } - .push-1-5-xl { - left: 20%; } - .push-2-5-xl { - left: 40%; } - .push-3-5-xl { - left: 60%; } - .push-4-5-xl { - left: 80%; } - .pull-1-xl { - left: -8.33333%; } - .pull-2-xl { - left: -16.66667%; } - .pull-3-xl { - left: -25%; } - .pull-4-xl { - left: -33.33333%; } - .pull-5-xl { - left: -41.66667%; } - .pull-6-xl { - left: -50%; } - .pull-7-xl { - left: -58.33333%; } - .pull-8-xl { - left: -66.66667%; } - .pull-9-xl { - left: -75%; } - .pull-10-xl { - left: -83.33333%; } - .pull-11-xl { - left: -91.66667%; } - .pull-1-2-xl { - left: -50%; } - .pull-1-3-xl { - left: -33.33333%; } - .pull-2-3-xl { - left: -66.66667%; } - .pull-1-4-xl { - left: -25%; } - .pull-3-4-xl { - left: -75%; } - .pull-1-5-xl { - left: -20%; } - .pull-2-5-xl { - left: -40%; } - .pull-3-5-xl { - left: -60%; } - .pull-4-5-xl { - left: -80%; } } - -@-webkit-keyframes fadeIn { - 0% { - opacity: 0; } - 100% { - opacity: 1; } } - -@keyframes fadeIn { - 0% { - opacity: 0; } - 100% { - opacity: 1; } } - -.fade-in { - -webkit-animation-name: fadeIn; - animation-name: fadeIn; } - -@-webkit-keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -@keyframes fadeInDown { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -.fade-in-down { - -webkit-animation-name: fadeInDown; - animation-name: fadeInDown; } - -@-webkit-keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -@keyframes fadeInDownBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -.fade-in-down-big { - -webkit-animation-name: fadeInDownBig; - animation-name: fadeInDownBig; } - -@-webkit-keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translate3d(-30px, 0, 0); - transform: translate3d(-30px, 0, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -@keyframes fadeInLeft { - 0% { - opacity: 0; - -webkit-transform: translate3d(-30px, 0, 0); - transform: translate3d(-30px, 0, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -.fade-in-left { - -webkit-animation-name: fadeInLeft; - animation-name: fadeInLeft; } - -@-webkit-keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -@keyframes fadeInLeftBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -.fade-in-left-big { - -webkit-animation-name: fadeInLeftBig; - animation-name: fadeInLeftBig; } - -@-webkit-keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translate3d(30px, 0, 0); - transform: translate3d(30px, 0, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -@keyframes fadeInRight { - 0% { - opacity: 0; - -webkit-transform: translate3d(30px, 0, 0); - transform: translate3d(30px, 0, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -.fade-in-right { - -webkit-animation-name: fadeInRight; - animation-name: fadeInRight; } - -@-webkit-keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -@keyframes fadeInRightBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -.fade-in-right-big { - -webkit-animation-name: fadeInRightBig; - animation-name: fadeInRightBig; } - -@-webkit-keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 30px, 0); - transform: translate3d(0, 30px, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -@keyframes fadeInUp { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 30px, 0); - transform: translate3d(0, 30px, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -.fade-in-up { - -webkit-animation-name: fadeInUp; - animation-name: fadeInUp; } - -@-webkit-keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -@keyframes fadeInUpBig { - 0% { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0); } - 100% { - opacity: 1; - -webkit-transform: none; - transform: none; } } - -.fade-in-up-big { - -webkit-animation-name: fadeInUpBig; - animation-name: fadeInUpBig; } - -@media print { - *, - *:before, - *:after { - background: transparent; - color: #000; - -webkit-box-shadow: none; - box-shadow: none; - text-shadow: none; } - a, a:visited { - text-decoration: underline; } - a[href]:after { - content: " (" attr(href) ")"; } - a[href^="#"]:after, a[href^="javascript:"]:after { - content: ""; } - pre, blockquote { - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr { - page-break-inside: avoid; } - img { - page-break-inside: avoid; - max-width: 100%; } - p, h2, h3 { - orphans: 3; - widows: 3; } - h2, h3 { - page-break-after: avoid; } - abbr[title]:after { - content: " (" attr(title) ")"; } } - -.no-margin { - margin: 0; } - -.no-padding { - padding: 0; } - -.no-float { - float: none; } - -.no-background { - background: transparent; } - -.no-border { - border: 0; } - -.no-select { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: default; } - -.font-100 { - font-weight: 100; } - -.font-200 { - font-weight: 200; } - -.font-300 { - font-weight: 300; } - -.font-400 { - font-weight: 400; } - -.font-500 { - font-weight: 500; } - -.font-600 { - font-weight: 600; } - -.font-700 { - font-weight: 700; } - -.font-800 { - font-weight: 800; } - -.font-900 { - font-weight: 900; } - -.font-normal { - font-style: normal; } - -.font-italic { - font-style: italic; } - -.uppercase { - text-transform: uppercase; } - -.lowercase { - text-transform: lowercase; } - -.capitalize { - text-transform: capitalize; } - -.text-left { - text-align: left; } - -.text-right { - text-align: right; } - -.text-center { - text-align: center; } - -.text-justify { - text-align: justify; } - -.relative { - position: relative; } - -.absolute { - position: absolute; } - -.static { - position: static; } - -.fixed { - position: fixed; } - -.none { - display: none; } - -.block { - display: block; } - -.inline-block { - display: inline-block; } - -.inline { - display: inline; } - -.flex { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - -.flex-row { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - -.flex-column { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - -.flex-space-around { - -ms-flex-pack: distribute; - justify-content: space-around; } - -.flex-space-between { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - -.flex-start { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - -.flex-center { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - -.flex-end { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - -.flex-wrap { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - -.flex-nowrap { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - -.left { - float: left; } - -.right { - float: right; } - -.center { - float: none; - margin-left: auto; - margin-right: auto; } - -.pad-top-5 { - padding-top: 5px; } - -.pad-top-10 { - padding-top: 10px; } - -.pad-top-15 { - padding-top: 15px; } - -.pad-top-20 { - padding-top: 20px; } - -.pad-top-25 { - padding-top: 25px; } - -.pad-top-30 { - padding-top: 30px; } - -.pad-top-35 { - padding-top: 35px; } - -.pad-top-40 { - padding-top: 40px; } - -.pad-top-45 { - padding-top: 45px; } - -.pad-top-50 { - padding-top: 50px; } - -.pad-top-55 { - padding-top: 55px; } - -.pad-top-60 { - padding-top: 60px; } - -.pad-bottom-5 { - padding-bottom: 5px; } - -.pad-bottom-10 { - padding-bottom: 10px; } - -.pad-bottom-15 { - padding-bottom: 15px; } - -.pad-bottom-20 { - padding-bottom: 20px; } - -.pad-bottom-25 { - padding-bottom: 25px; } - -.pad-bottom-30 { - padding-bottom: 30px; } - -.pad-bottom-35 { - padding-bottom: 35px; } - -.pad-bottom-40 { - padding-bottom: 40px; } - -.pad-bottom-45 { - padding-bottom: 45px; } - -.pad-bottom-50 { - padding-bottom: 50px; } - -.pad-bottom-55 { - padding-bottom: 55px; } - -.pad-bottom-60 { - padding-bottom: 60px; } - -.pad-5 { - padding: 5px; } - -.pad-10 { - padding: 10px; } - -.pad-15 { - padding: 15px; } - -.pad-20 { - padding: 20px; } - -.pad-25 { - padding: 25px; } - -.pad-30 { - padding: 30px; } - -.pad-35 { - padding: 35px; } - -.pad-40 { - padding: 40px; } - -.pad-45 { - padding: 45px; } - -.pad-50 { - padding: 50px; } - -.pad-55 { - padding: 55px; } - -.pad-60 { - padding: 60px; } - -.sr { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; } - -.list-unstyled { - list-style: none; - margin: 0; - padding: 0; } - .list-unstyled li { - margin: 0; - padding: 0; } - -.list-inline { - list-style: none; - margin: 0; - padding: 0; } - .list-inline li { - margin: 0; - padding: 0; - display: inline-block; } - -.img-fluid { - max-width: 100%; } - -.field { - width: 100%; } - -.form-group { - overflow: hidden; } - .form-group label { - display: inline-block; - padding-top: 8px; } - -.disabled, [disabled] { - pointer-events: none; - cursor: not-allowed; - opacity: .5; } - -.checkbox, -.radio { - display: inline-block; - position: relative; } - .checkbox label, - .radio label { - padding-left: 20px; - padding-top: 0; - display: inline-block; } - .checkbox input[type="checkbox"], - .checkbox input[type="radio"], - .radio input[type="checkbox"], - .radio input[type="radio"] { - position: absolute; - top: 4px; - left: 0; } - -.select { - position: relative; - display: block; } - .select:before { - content: ""; - border: 6px solid transparent; - border-top-color: #676767; - top: 50%; - right: 10px; - margin-top: -3px; - pointer-events: none; - position: absolute; } - .select select { - -webkit-appearance: none; - -moz-appearance: none; - height: 36px; - width: 100%; - padding: 0 10px; - line-height: normal; - border: 1px solid #ccc; - background: #fff; - display: block; } - .select select::-ms-expand { - display: none; } - .select select:focus { - border-color: #f7c723; } - .select select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #000; - border-color: #f7c723; } - -.animation { - -webkit-animation-duration: 1s; - animation-duration: 1s; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; } - -.animation-infinite { - -webkit-animation-iteration-count: infinite; - animation-iteration-count: infinite; } - -@media only screen and (min-width: 740px) { - .no-float-m { - float: none; } - .no-padding-m { - padding: 0; } - .no-margin-m { - margin: 0; } - .relative-m { - position: relative; } - .absolute-m { - position: absolute; } - .static-m { - position: static; } - .fixed-m { - position: fixed; } - .none-m { - display: none; } - .block-m { - display: block; } - .inline-block-m { - display: inline-block; } - .inline-m { - display: inline; } - .flex-m { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - .flex-row-m { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - .flex-column-m { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - .flex-space-around-m { - -ms-flex-pack: distribute; - justify-content: space-around; } - .flex-space-between-m { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - .flex-start-m { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - .flex-center-m { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .flex-end-m { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - .flex-wrap-m { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .flex-nowrap-m { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .left-m { - float: left; } - .right-m { - float: right; } - .center-m { - float: none; - margin-left: auto; - margin-right: auto; } - .text-left-m { - text-align: left; } - .text-right-m { - text-align: right; } - .text-center-m { - text-align: center; } - .text-justify-m { - text-align: justify; } - .no-col-m { - width: auto; - float: none; } - .no-push-m, .no-pull-m { - left: 0; } - .pad-top-0-m { - padding-top: 0; } - .pad-top-5-m { - padding-top: 5px; } - .pad-top-10-m { - padding-top: 10px; } - .pad-top-15-m { - padding-top: 15px; } - .pad-top-20-m { - padding-top: 20px; } - .pad-top-25-m { - padding-top: 25px; } - .pad-top-30-m { - padding-top: 30px; } - .pad-top-35-m { - padding-top: 35px; } - .pad-top-40-m { - padding-top: 40px; } - .pad-top-45-m { - padding-top: 45px; } - .pad-top-50-m { - padding-top: 50px; } - .pad-top-55-m { - padding-top: 55px; } - .pad-top-60-m { - padding-top: 60px; } - .pad-bottom-0-m { - padding-bottom: 0; } - .pad-bottom-5-m { - padding-bottom: 5px; } - .pad-bottom-10-m { - padding-bottom: 10px; } - .pad-bottom-15-m { - padding-bottom: 15px; } - .pad-bottom-20-m { - padding-bottom: 20px; } - .pad-bottom-25-m { - padding-bottom: 25px; } - .pad-bottom-30-m { - padding-bottom: 30px; } - .pad-bottom-35-m { - padding-bottom: 35px; } - .pad-bottom-40-m { - padding-bottom: 40px; } - .pad-bottom-45-m { - padding-bottom: 45px; } - .pad-bottom-50-m { - padding-bottom: 50px; } - .pad-bottom-55-m { - padding-bottom: 55px; } - .pad-bottom-60-m { - padding-bottom: 60px; } - .pad-0-m { - padding: 0; } - .pad-5-m { - padding: 5px; } - .pad-10-m { - padding: 10px; } - .pad-15-m { - padding: 15px; } - .pad-20-m { - padding: 20px; } - .pad-25-m { - padding: 25px; } - .pad-30-m { - padding: 30px; } - .pad-35-m { - padding: 35px; } - .pad-40-m { - padding: 40px; } - .pad-45-m { - padding: 45px; } - .pad-50-m { - padding: 50px; } - .pad-55-m { - padding: 55px; } - .pad-60-m { - padding: 60px; } } - -@media only screen and (min-width: 980px) { - .no-float-l { - float: none; } - .no-padding-l { - padding: 0; } - .no-margin-l { - margin: 0; } - .relative-l { - position: relative; } - .absolute-l { - position: absolute; } - .static-l { - position: static; } - .fixed-l { - position: fixed; } - .none-l { - display: none; } - .block-l { - display: block; } - .inline-block-l { - display: inline-block; } - .inline-l { - display: inline; } - .flex-l { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - .flex-row-l { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - .flex-column-l { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - .flex-space-around-l { - -ms-flex-pack: distribute; - justify-content: space-around; } - .flex-space-between-l { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - .flex-start-l { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - .flex-center-l { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .flex-end-l { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - .flex-wrap-l { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .flex-nowrap-l { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .left-l { - float: left; } - .right-l { - float: right; } - .center-l { - float: none; - margin-left: auto; - margin-right: auto; } - .text-left-l { - text-align: left; } - .text-right-l { - text-align: right; } - .text-center-l { - text-align: center; } - .text-justify-l { - text-align: justify; } - .no-col-l { - width: auto; - float: none; } - .no-push-l, .no-pull-l { - left: 0; } - .pad-top-0-l { - padding-top: 0; } - .pad-top-5-l { - padding-top: 5px; } - .pad-top-10-l { - padding-top: 10px; } - .pad-top-15-l { - padding-top: 15px; } - .pad-top-20-l { - padding-top: 20px; } - .pad-top-25-l { - padding-top: 25px; } - .pad-top-30-l { - padding-top: 30px; } - .pad-top-35-l { - padding-top: 35px; } - .pad-top-40-l { - padding-top: 40px; } - .pad-top-45-l { - padding-top: 45px; } - .pad-top-50-l { - padding-top: 50px; } - .pad-top-55-l { - padding-top: 55px; } - .pad-top-60-l { - padding-top: 60px; } - .pad-bottom-0-l { - padding-bottom: 0; } - .pad-bottom-5-l { - padding-bottom: 5px; } - .pad-bottom-10-l { - padding-bottom: 10px; } - .pad-bottom-15-l { - padding-bottom: 15px; } - .pad-bottom-20-l { - padding-bottom: 20px; } - .pad-bottom-25-l { - padding-bottom: 25px; } - .pad-bottom-30-l { - padding-bottom: 30px; } - .pad-bottom-35-l { - padding-bottom: 35px; } - .pad-bottom-40-l { - padding-bottom: 40px; } - .pad-bottom-45-l { - padding-bottom: 45px; } - .pad-bottom-50-l { - padding-bottom: 50px; } - .pad-bottom-55-l { - padding-bottom: 55px; } - .pad-bottom-60-l { - padding-bottom: 60px; } - .pad-0-l { - padding: 0; } - .pad-5-l { - padding: 5px; } - .pad-10-l { - padding: 10px; } - .pad-15-l { - padding: 15px; } - .pad-20-l { - padding: 20px; } - .pad-25-l { - padding: 25px; } - .pad-30-l { - padding: 30px; } - .pad-35-l { - padding: 35px; } - .pad-40-l { - padding: 40px; } - .pad-45-l { - padding: 45px; } - .pad-50-l { - padding: 50px; } - .pad-55-l { - padding: 55px; } - .pad-60-l { - padding: 60px; } } - -@media only screen and (min-width: 1140px) { - .no-float-xl { - float: none; } - .no-padding-xl { - padding: 0; } - .no-margin-xl { - margin: 0; } - .relative-xl { - position: relative; } - .absolute-xl { - position: absolute; } - .static-xl { - position: static; } - .fixed-xl { - position: fixed; } - .none-xl { - display: none; } - .block-xl { - display: block; } - .inline-block-xl { - display: inline-block; } - .inline-xl { - display: inline; } - .flex-xl { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } - .flex-row-xl { - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; } - .flex-column-xl { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; } - .flex-space-around-xl { - -ms-flex-pack: distribute; - justify-content: space-around; } - .flex-space-between-xl { - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; } - .flex-start-xl { - -webkit-box-pack: start; - -ms-flex-pack: start; - justify-content: flex-start; } - .flex-center-xl { - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; } - .flex-end-xl { - -webkit-box-pack: end; - -ms-flex-pack: end; - justify-content: flex-end; } - .flex-wrap-xl { - -ms-flex-wrap: wrap; - flex-wrap: wrap; } - .flex-nowrap-xl { - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; } - .left-xl { - float: left; } - .right-xl { - float: right; } - .center-xl { - float: none; - margin-left: auto; - margin-right: auto; } - .text-left-xl { - text-align: left; } - .text-right-xl { - text-align: right; } - .text-center-xl { - text-align: center; } - .text-justify-xl { - text-align: justify; } - .no-col-xl { - width: auto; - float: none; } - .no-push-xl, .no-pull-xl { - left: 0; } - .pad-top-0-xl { - padding-top: 0; } - .pad-top-5-xl { - padding-top: 5px; } - .pad-top-10-xl { - padding-top: 10px; } - .pad-top-15-xl { - padding-top: 15px; } - .pad-top-20-xl { - padding-top: 20px; } - .pad-top-25-xl { - padding-top: 25px; } - .pad-top-30-xl { - padding-top: 30px; } - .pad-top-35-xl { - padding-top: 35px; } - .pad-top-40-xl { - padding-top: 40px; } - .pad-top-45-xl { - padding-top: 45px; } - .pad-top-50-xl { - padding-top: 50px; } - .pad-top-55-xl { - padding-top: 55px; } - .pad-top-60-xl { - padding-top: 60px; } - .pad-bottom-0-xl { - padding-bottom: 0; } - .pad-bottom-5-xl { - padding-bottom: 5px; } - .pad-bottom-10-xl { - padding-bottom: 10px; } - .pad-bottom-15-xl { - padding-bottom: 15px; } - .pad-bottom-20-xl { - padding-bottom: 20px; } - .pad-bottom-25-xl { - padding-bottom: 25px; } - .pad-bottom-30-xl { - padding-bottom: 30px; } - .pad-bottom-35-xl { - padding-bottom: 35px; } - .pad-bottom-40-xl { - padding-bottom: 40px; } - .pad-bottom-45-xl { - padding-bottom: 45px; } - .pad-bottom-50-xl { - padding-bottom: 50px; } - .pad-bottom-55-xl { - padding-bottom: 55px; } - .pad-bottom-60-xl { - padding-bottom: 60px; } - .pad-0-xl { - padding: 0; } - .pad-5-xl { - padding: 5px; } - .pad-10-xl { - padding: 10px; } - .pad-15-xl { - padding: 15px; } - .pad-20-xl { - padding: 20px; } - .pad-25-xl { - padding: 25px; } - .pad-30-xl { - padding: 30px; } - .pad-35-xl { - padding: 35px; } - .pad-40-xl { - padding: 40px; } - .pad-45-xl { - padding: 45px; } - .pad-50-xl { - padding: 50px; } - .pad-55-xl { - padding: 55px; } - .pad-60-xl { - padding: 60px; } } - -@media print { - .no-float-print { - float: none; } - .no-padding-print { - padding: 0; } - .no-margin-print { - margin: 0; } - .none-print { - display: none; } - .block-print { - display: block; } - .inline-block-print { - display: inline-block; } - .inline-print { - display: inline; } - .text-left-print { - text-align: left; } - .text-right-print { - text-align: right; } - .text-center-print { - text-align: center; } - .text-justify-print { - text-align: justify; } - .no-col-print { - width: auto; - float: none; } - .no-push-print, .no-pull-print { - left: 0; } - .pad-top-0-print { - padding-top: 0; } - .pad-top-5-print { - padding-top: 5px; } - .pad-top-10-print { - padding-top: 10px; } - .pad-top-15-print { - padding-top: 15px; } - .pad-top-20-print { - padding-top: 20px; } - .pad-top-25-print { - padding-top: 25px; } - .pad-top-30-print { - padding-top: 30px; } - .pad-top-35-print { - padding-top: 35px; } - .pad-top-40-print { - padding-top: 40px; } - .pad-top-45-print { - padding-top: 45px; } - .pad-top-50-print { - padding-top: 50px; } - .pad-top-55-print { - padding-top: 55px; } - .pad-top-60-print { - padding-top: 60px; } - .pad-bottom-0-print { - padding-bottom: 0; } - .pad-bottom-5-print { - padding-bottom: 5px; } - .pad-bottom-10-print { - padding-bottom: 10px; } - .pad-bottom-15-print { - padding-bottom: 15px; } - .pad-bottom-20-print { - padding-bottom: 20px; } - .pad-bottom-25-print { - padding-bottom: 25px; } - .pad-bottom-30-print { - padding-bottom: 30px; } - .pad-bottom-35-print { - padding-bottom: 35px; } - .pad-bottom-40-print { - padding-bottom: 40px; } - .pad-bottom-45-print { - padding-bottom: 45px; } - .pad-bottom-50-print { - padding-bottom: 50px; } - .pad-bottom-55-print { - padding-bottom: 55px; } - .pad-bottom-60-print { - padding-bottom: 60px; } - .pad-0-print { - padding: 0; } - .pad-5-print { - padding: 5px; } - .pad-10-print { - padding: 10px; } - .pad-15-print { - padding: 15px; } - .pad-20-print { - padding: 20px; } - .pad-25-print { - padding: 25px; } - .pad-30-print { - padding: 30px; } - .pad-35-print { - padding: 35px; } - .pad-40-print { - padding: 40px; } - .pad-45-print { - padding: 45px; } - .pad-50-print { - padding: 50px; } - .pad-55-print { - padding: 55px; } - .pad-60-print { - padding: 60px; } } - -/*# sourceMappingURL=styles.css.map */ diff --git a/index.html b/index.html index 2bb9696..c858e7d 100644 --- a/index.html +++ b/index.html @@ -1,251 +1,193 @@ - - B LaPointe - + + + - - - + + - - - - - + + + - - -
-
- -

Bree
LaPointe

-
-
- contact@blapointe.com -
-
- LinkedIn -
-
- 336.701.6159 -
-
- Provo, UT -
-
-
- -
-
-

Bree LaPointe

-
-
- contact@blapointe.com -
-
- LinkedIn -
-
- 336.701.6159 -
-
- Provo, UT -
-
+ +
+
+
+
+ +
+
+

B LaPointe

+ + + + + + + + + + + +
ProfessionSoftware Developer
LocationProvo, UT
Web + blapointe.com
LinkedIn + lapoba16
Email + contact@blapointe.com
+
- -
- - -
-

Education

-
- Master of Science in Computer Science, - Jan 2016 - Dec 2017 -
- Wake Forest University, - Winston-Salem, NC -
-
    -
  • Member of Upsilon Pi Epsilon
    • -
  • 3.88/4.00 GPA
    • -
+
+
+
+

Work Experience

-
- Bachelor of Arts in Computer Science, - Aug 2013 - Dec 2015 -
- High Point University, - High Point, NC +
+
+
+
Software Engineer I
+
Feb 2018 - Present
+
Qualtrics
+
    +
  • Created use-case agnostic proxies for low-latency, highly available data stores.
    • +
  • Implemented concurrency-safe message queue SDK for internal use.
    • +
  • Evaluated, proposed, and load tested alternative data stores.
    • +
+
+
+
Research Assistant
+
Jan 2017 - Dec 2017
+
Wake Forest University
+
    +
  • Incorporated knowledge from biological literature into a genetic algorithm.
    • +
  • Improved runtime exponentially from prior approaches with comparable results.
    • +
  • Collaborated across departments and perspectives.
    • +
+
-
    -
  • - Summa Cum Laude, - University Fellowship, - Dean’s List, - Honor’s List -
    • -
  • 3.91/4.00 GPA
    • -
- -
-

Experience

-
- Software Engineer I, - Since Feb 2018 -
- Qualtrics, - Provo, UT -
-
    -
  1. Created use-case agnostic proxies for low-latency, highly available data stores.
    2. -
  2. Implemented concurrency-safe message queue SDK for internal use.
    3. -
  3. Evaluated, proposed, and load tested alternative data stores.
    4. -
-
-
- Computer Science Research Assistant, - Jan 2017 - Dec 2017 -
- Wake Forest University, - Winston-Salem, NC -
-
    -
  1. Incorporated knowledge from biological literature into a genetic algorithm.
    2. -
  2. Improved runtime exponentially from prior approaches with comparable results.
    3. -
  3. Collaborated across departments and perspectives.
    4. -
-
-
- - -
-
-
- +
+
+
+

Education

+
+
+
+
+
Master of Science in Computer Science
+
Jan 2016 - Dec 2017
+
Wake Forest University
+

3.88/4.00 GPA, Upsilon Pi Epsilon member

+
+
+
Bachelor of Arts in Computer Science
+
Aug 2013 - Dec 2015
+
High Point University
+

3.91/4.00 GPA, Summa Cum Laude, University Fellowship, Dean's List, Honor's List

+
+
+
+
+
+
+
+
+

Projects

+
+
+
+
Working Directory
+
Aug 2018 - Present
+

Synchronizes projects with a remote copy encrypted both at rest and on the wire with concern for bandwidth and authorized access.

+
+
+
RSS Monitor
+
May 2018 - Present
+

Monitors multiple RSS feeds and filters stories by feed. Synchronizes read status and updates feeds via HTTP API.

+
+
+
"A BCHC genetic algorithm model of cotemporal hierarchical Arabidopsis thaliana gene interactions"
+
Jan 2017 - Dec 2017
+

Co-authored paper pending publication in IEEE International Conference on Bioinformatics and Biomedicine.

+
+
+
Knapsack Problem Genetic Algorithm
+
Jan 2017 - May 2017
+

Finds near optimal solutions to knapsack problems in polynomial time and space. Includes tabu search and result analysis. Solution written in C with analysis in Python3.

+
+
+
+
+
+
+
+

Skills and Tools

+
+
+
+
Go
+
1 yr
+
+
+
+
+
+
Python
+
2 yrs
+
+
+
+
+
+
C
+
3 yrs
+
+
+
+
+
+
C++
+
3 yrs
+
+
+
+
+
+
Others
+
Java, HTML5, CSS3, Rundeck, Jenkins, Couchbase, MongoDB, OpenGL, Javascript, PThreads, MPI, OpenMP, StatsD, Grafana, Sumologic
+
+
+
+
+
+
+
+

About Me

+
+

+ I have the pleasure of professionally working with my favorite + languages (Go and Python3) as I tackle problems with data + availability, redundancy, and sovereignty. + Concurrency and reusability are my two favorite aspects of + writing code, and I look forward to every opportunity to extend + and refine my skill set. +
+ When I'm not working, you'll find me cycling, programming, or + fiddling with my flavor-of-the-week web technology or data store. +

+
-