diff --git a/assets/fonts/Mosk.ttf b/assets/fonts/Mosk.ttf new file mode 100644 index 0000000..91db700 Binary files /dev/null and b/assets/fonts/Mosk.ttf differ diff --git a/assets/img/background.jpg b/assets/img/background.jpg new file mode 100644 index 0000000..957bc6e Binary files /dev/null and b/assets/img/background.jpg differ diff --git a/assets/img/background_phones.jpg b/assets/img/background_phones.jpg new file mode 100644 index 0000000..7c23615 Binary files /dev/null and b/assets/img/background_phones.jpg differ diff --git a/assets/img/email.svg b/assets/img/email.svg new file mode 100644 index 0000000..e886d94 --- /dev/null +++ b/assets/img/email.svg @@ -0,0 +1,10 @@ + + + + + + + + diff --git a/assets/img/github.svg b/assets/img/github.svg new file mode 100644 index 0000000..5ea7787 --- /dev/null +++ b/assets/img/github.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/linkedin.svg b/assets/img/linkedin.svg new file mode 100644 index 0000000..e0ea7c8 --- /dev/null +++ b/assets/img/linkedin.svg @@ -0,0 +1,12 @@ + + + + + + + + diff --git a/assets/img/logo-final.svg b/assets/img/logo.svg similarity index 99% rename from assets/img/logo-final.svg rename to assets/img/logo.svg index ff1cc81..3f01bcd 100644 --- a/assets/img/logo-final.svg +++ b/assets/img/logo.svg @@ -1,29 +1,29 @@ - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + - - - - - - - - +f32oawAAAABJRU5ErkJggg==" transform="matrix(0.24 0 0 0.24 -185.5639 -78.0015)"> + + + + + + + + - - - - - +AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODb/n/TE00YkoCJuAAAAABJRU5ErkJggg==" transform="matrix(0.24 0 0 0.24 4.7911 184.7857)"> + + + + + - - - - - - - - - - - - - - - - - - - - - - +IwAAAABJRU5ErkJggg==" transform="matrix(0.24 0 0 0.24 3.2911 183.2857)"> + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/img/twitter.svg b/assets/img/twitter.svg new file mode 100644 index 0000000..ac68171 --- /dev/null +++ b/assets/img/twitter.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/css/main.css b/css/main.css index 9d75a8e..ef1a297 100644 --- a/css/main.css +++ b/css/main.css @@ -1,3 +1,26 @@ +@font-face { + font-family: Mosk; + src: url('../assets/fonts/Mosk.ttf'); +} + +body { + background-color: #374753; + overflow:hidden; +} + +h1 { + font-family: 'Mosk', sans-serif !important; + font-size: 3.5em !important; + color: white !important; + margin-bottom: 0.4em !important;; +} + +p { + font-family: 'Lato', sans-serif !important; + font-size: 1.5em !important; + color: white; +} + .full-screen { width: 100%; height: 100%; @@ -16,12 +39,64 @@ } -body { +.fill { + height: 100%; + min-height: 100%; +} + +.container-fluid { + padding: 0 !important; +} + +#background { + position: absolute; +} + +#overlay { + position: absolute; background-color: #374753; - overflow:hidden; + opacity: 0.4; +} + +#image { + background-image: url(../assets/img/background_phones.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: right; + position: absolute; +} + +#main_row { + text-align: center; } #logo { - width: 25%; - height: 25%; + width: 12em; + margin: 1em; +} + +#icons_bar { + text-align: center; +} + +#icons_bar > a > .icon { + height: 3em; + width: 3em; + margin: 1em; +} + +@media only screen and (min-width : 1200px) { + + #main_row { + text-align: left; + } + + #logo { + text-align: left; + } + + #image { + background-image: url(../assets/img/background.jpg); + background-position: center; + } } diff --git a/index.html b/index.html index ada388b..da37ab3 100644 --- a/index.html +++ b/index.html @@ -1,24 +1,51 @@ - - - - + + + + - Daniel Mallcott - - + Daniel Mallcott + + - - - + + + + + - -
-
- + +
+
+
+
+
+
+
+
+
+ +

WE'RE GOING TO DIE

+

+ That’s what moves me. We have a limited amount of time in this world and I plan on making the most of it. Be it crafting digital products, leading teams to glory or conquering the world, I will make it happen. +

+
+

+ My name is Daniel Mallcott and people will talk about how we started. Let’s give them one hell of a story. +

+
+ + + + +
+
-
- - \ No newline at end of file +
+
+
+
+ +