CodeYourFuture · zahraateee · Oct 29, 2022 · Oct 29, 2022 · Oct 29, 2022
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
@@ -16,14 +16,14 @@ Please complete the details below this message
 
 # Your Details
 
-- Your Name:
-- Your City:
-- Your Slack Name:
+- Your Name: Zahraa Tayyar
+- Your City: London 9 Turing
+- Your Slack Name: Zahraa Tayyar
 
 # Homework Details
 
-- Module:
-- Week:
+- Module: HTML/ CSS 1
+- Week: 2
 
 # Notes
 

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/Zahraa Tayyar CV.docx.pdf b/Zahraa Tayyar CV.docx.pdf
diff --git a/css/style.css b/css/style.css
@@ -6,3 +6,32 @@
  *    for example: General styles, Navigation styles, Hero styles, Footer etc.
  * 
  */
+
+ /* Body */
+
+ body {
+    padding:0;
+ }
+
+ /* Header */
+
+ .ztheader {
+    text-align: left;
+    padding-left: 2rem;
+    /* background-color: #ffebef; */
+    margin: 0;
+    padding: 0.1rem 2rem 0.1rem 5rem;
+ }
+
+ /* main */
+
+ /* front display */
+
+ .hero {
+    background-image: url(/images/2.JPG);
+    background-size: cover;
+    padding: 15rem 10rem 15rem 10rem;
+    color: white;
+    /* height: 5vh; */
+
+ }
diff --git a/images/1.JPG b/images/1.JPG
diff --git a/images/2.JPG b/images/2.JPG
diff --git a/images/3.JPG b/images/3.JPG
diff --git a/images/Zahraa Tayyar CV.jpg b/images/Zahraa Tayyar CV.jpg
diff --git a/index.html b/index.html
@@ -18,5 +18,37 @@
   <body>
     <!-- Add your HTML markup here -->
     <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
-  </body>
+
+      <header class="ztheader">
+
+        <h2> zt</h2>
+
+      </header>
+
+      <main class="main_content">
+
+        <div class="hero">
+          <h1>Hi, I'm Zahraa</h1>
+          <h2>This website will show you a bit about my professional accomplishments.</h2>
+        </div>
+
+      </main>
+
+      <footer></footer>
+
+      <!-- 
+
+        Will include:
+
+        1. button with link to my CV
+        2. section for my artwork
+        3. section for my education
+        4. section with all my projects
+        5. links to all my social accounts
+        6. footer
+
+      -->
+
+
+    </body>
 </html>