From 2446e23dbebc40e7923043e7a4a2f574d6aff7ef Mon Sep 17 00:00:00 2001 From: Alistair Henshaw Date: Tue, 12 Mar 2024 14:38:39 +0000 Subject: [PATCH] base layout created with styling needed for index --- index.html | 65 +++++++++++++++++++++++++++++++++++++++++++++ style.css | 78 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 143 insertions(+) create mode 100644 style.css diff --git a/index.html b/index.html index dc73fbe..ea5b3b6 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,71 @@ Full Stack Portfolio +
+
+
+

Alistair Henshaw

+ +
+
+

Hiring A Full-Stack Developer?

+

I have experience with Javascript, html and css! I would love to work using my computer science skills.

+ +
+
+ +
+

ABOUT ME

+

Introduction

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut quod illum nesciunt perspiciatis incidunt voluptatum veritatis, soluta eligendi commodi architecto illo a earum rem libero laudantium voluptatem ducimus repellendus! Ut!

+

Technical Skills

+
    +
  • HTML & CSS
    • +
  • Javascript
    • +
  • NodeJS
    • +
+
+ +
+

PORTFOLIO

+
+

Title

+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda culpa repudiandae molestiae voluptates rem accusamus magni aliquid. Facilis totam ab perspiciatis dignissimos itaque esse animi recusandae, ipsum deleniti illo! Dicta. +

+ + GitHub Repo +
+
+

Title

+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda culpa repudiandae molestiae voluptates rem accusamus magni aliquid. Facilis totam ab perspiciatis dignissimos itaque esse animi recusandae, ipsum deleniti illo! Dicta. +

+ + GitHub Repo +
+
+

Title

+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda culpa repudiandae molestiae voluptates rem accusamus magni aliquid. Facilis totam ab perspiciatis dignissimos itaque esse animi recusandae, ipsum deleniti illo! Dicta. +

+ + GitHub Repo +
+
+
+

Experience

+

Job Title

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Atque officiis natus rerum maxime velit quaerat expedita, quae maiores? Expedita, odio! Reprehenderit sed consectetur eius atque maiores fugiat ullam voluptate quibusdam?

+

Job Title

+

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Atque officiis natus rerum maxime velit quaerat expedita, quae maiores? Expedita, odio! Reprehenderit sed consectetur eius atque maiores fugiat ullam voluptate quibusdam?

+
+

@Alistair Henshaw

+
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..abb4a72 --- /dev/null +++ b/style.css @@ -0,0 +1,78 @@ +* { + margin: 0px; + box-sizing: border-box; +} + +.page-layout { + background-color: black; + /* height: 100vh; */ + padding: 10px 0px; +} + +.page-layout > div { + /* height: 400px; */ + /* background-color: pink; */ + margin: 10px 0px; +} + +.intro { + background-color: rgb(62, 191, 241); + color: white; + padding-bottom: 100px; +} + +header { + display: grid; + grid-auto-flow: column; + /* background-color: aquamarine; */ + padding: 10px; +} + +h2, nav { + display: inline-block; +} + +nav { + justify-self: end; + align-self: center; +} + +button { + margin-left: 10px; + background-color: white; + border-radius: 5px; + border: 1px black solid; + padding: 5px 10px; + font-weight: 600; + color: rgb(62, 191, 241); + +} + +.hiring { + /* height: 200px; */ + /* background-color: yellow; */ + margin: 50px 100px; +} + +h1 { + font-size: 70px +} + +#about, #portfolio, #experience { + /* height: 400px; */ + background-color: white; +} + + +#portfolio > div { + /* height: 200px; */ + background-color: aqua; + width: 200px; + margin-right: 10px; + display: inline-block; +} + +.white-text { + color: white; + padding-left: 10px; +} \ No newline at end of file