diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..ee13517 Binary files /dev/null and b/.DS_Store differ diff --git a/assets/.DS_Store b/assets/.DS_Store new file mode 100644 index 0000000..88ef9bd Binary files /dev/null and b/assets/.DS_Store differ diff --git a/assets/images/.DS_Store b/assets/images/.DS_Store new file mode 100644 index 0000000..50e5023 Binary files /dev/null and b/assets/images/.DS_Store differ diff --git a/assets/images/aditya-vyas-542857-unsplash.jpg b/assets/images/aditya-vyas-542857-unsplash.jpg new file mode 100644 index 0000000..01c4954 Binary files /dev/null and b/assets/images/aditya-vyas-542857-unsplash.jpg differ diff --git a/assets/images/desktop-background.jpg b/assets/images/desktop-background.jpg new file mode 100644 index 0000000..eb585cf Binary files /dev/null and b/assets/images/desktop-background.jpg differ diff --git a/assets/images/ferdinand-stohr-229736-unsplash.jpg b/assets/images/ferdinand-stohr-229736-unsplash.jpg new file mode 100644 index 0000000..187ec8a Binary files /dev/null and b/assets/images/ferdinand-stohr-229736-unsplash.jpg differ diff --git a/assets/images/github.png b/assets/images/github.png new file mode 100644 index 0000000..73db1f6 Binary files /dev/null and b/assets/images/github.png differ diff --git a/assets/images/linkedin.png b/assets/images/linkedin.png new file mode 100644 index 0000000..e9fa9bc Binary files /dev/null and b/assets/images/linkedin.png differ diff --git a/assets/images/profile-pic.png b/assets/images/profile-pic.png new file mode 100644 index 0000000..0211f47 Binary files /dev/null and b/assets/images/profile-pic.png differ diff --git a/assets/images/twitter.png b/assets/images/twitter.png new file mode 100755 index 0000000..eb341eb Binary files /dev/null and b/assets/images/twitter.png differ diff --git a/index.css b/index.css new file mode 100644 index 0000000..013f0fb --- /dev/null +++ b/index.css @@ -0,0 +1,56 @@ +body{ + background: url("assets/images/aditya-vyas-542857-unsplash.jpg") no-repeat center center fixed; + background-size: cover; + font-family: 'Ubuntu', sans-serif; +} + +.intro-card{ + margin: auto; + width: 50%; + text-align: center; + padding: 10px; + color: #F7F7F7; +} + +h1{ + font-weight: normal; +} + +.profile-pic{ + border-radius: 50%; + border: 5px solid #644439; +} + +.row { + display: flex; +} + +.column { + flex: 33.33%; + padding: 50px; + display: block; + text-align: center; + margin-left: auto; + margin-right: auto; +} + +.icon{ + opacity: 0.6; + transition: opacity 1s ease-in-out; +} + +.icon:hover{ + opacity: 1; + transition: opacity 1s ease-in-out; +} + +.footer{ + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-color: #011C27; + opacity: 0.5; + color: #C0C1CD; + text-align: center; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..a938f7a --- /dev/null +++ b/index.html @@ -0,0 +1,47 @@ + + + + + + Ollie Crook + + + +
+

Hi! My name is Ollie Crook.

+ Ollie Crook +

Right now I'm learning how to work as a software engineer

+

Over the next few weeks I'll be learning JavaScript, React, + Ajax, SQL, Redux and more.

+

Bare with me. It's a work in progress.

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

Background Photo by Aditya Vyas on Unsplash

+

Web Design © Oliver Crook 2018

+
+