Ada-C16 · DLozanoC · Nov 27, 2021 · Nov 29, 2021 · Nov 30, 2021 · Nov 30, 2021
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "negokaz.live-server-preview"
+    ]
+}
diff --git a/images/Astronaut.png b/images/Astronaut.png
diff --git a/images/Astronaut3.png b/images/Astronaut3.png
diff --git a/images/AstronautDahlia.png b/images/AstronautDahlia.png
diff --git a/images/AstronautSof.png b/images/AstronautSof.png
diff --git a/images/Colombia.gif b/images/Colombia.gif
diff --git a/images/Dahlia B.jpeg b/images/Dahlia B.jpeg
diff --git a/images/Dahlia.webp b/images/Dahlia.webp
diff --git a/images/Dahlia2.jpeg b/images/Dahlia2.jpeg
diff --git a/images/Dahlia3.jpeg b/images/Dahlia3.jpeg
diff --git a/images/Dahlia4.jpeg b/images/Dahlia4.jpeg
diff --git a/images/Deathstar.png b/images/Deathstar.png
diff --git a/images/Howls3.png b/images/Howls3.png
diff --git a/images/Kiki.jpeg b/images/Kiki.jpeg
diff --git a/images/Maya2.jpeg b/images/Maya2.jpeg
diff --git a/images/Maya3.jpeg b/images/Maya3.jpeg
diff --git a/images/Maya4.jpeg b/images/Maya4.jpeg
diff --git a/images/Maya5.jpeg b/images/Maya5.jpeg
diff --git a/images/Mononoke.png b/images/Mononoke.png
diff --git a/images/Ponyo.jpeg b/images/Ponyo.jpeg
diff --git a/images/Screenshot (21).png b/images/Screenshot (21).png
diff --git a/images/Sof1.jpeg b/images/Sof1.jpeg
diff --git a/images/Sof2.jpeg b/images/Sof2.jpeg
diff --git a/images/Sof4.jpeg b/images/Sof4.jpeg
diff --git a/images/Sof5.jpeg b/images/Sof5.jpeg
diff --git a/images/Sof6.jpeg b/images/Sof6.jpeg
diff --git a/images/Solar system.jpeg b/images/Solar system.jpeg
diff --git a/images/Spirited.jpeg b/images/Spirited.jpeg
diff --git a/images/Sully.jpg b/images/Sully.jpg
diff --git a/images/Sully1.jpeg b/images/Sully1.jpeg
diff --git a/images/Sully2.jpeg b/images/Sully2.jpeg
diff --git a/images/Sully3.jpeg b/images/Sully3.jpeg
diff --git a/images/Sully5.jpeg b/images/Sully5.jpeg
diff --git a/images/Sully6.jpeg b/images/Sully6.jpeg
diff --git a/images/Supermassiveblackhole.png b/images/Supermassiveblackhole.png
diff --git a/images/Task list.jpeg b/images/Task list.jpeg
diff --git a/images/Viewing party.jpeg b/images/Viewing party.jpeg
diff --git a/images/pinkspace.jpeg b/images/pinkspace.jpeg
diff --git a/images/spacebg.jpeg b/images/spacebg.jpeg
diff --git a/images/swap meet.jpeg b/images/swap meet.jpeg
diff --git a/pages/Dahlia.html b/pages/Dahlia.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en" class="Dahlia">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../style.css">
+    <title>Document</title>
+</head>
+<body>
+    <header>
+        <h1 class="Dahlia">Dahlia</h1>
+    </header>
+    <img class="dahlia-img" src="/images/Dahlia.webp" alt="Dahlia">
+    <img class="dahlia-img" src="/images/Dahlia2.jpeg" alt="Weasel">
+    <img class="dahlia-img" src="/images/Dahlia4.jpeg" alt="Growth">
+
+    <main class="dahlia-text">
+        <ul>
+            <p>Age: 10 months old</p>
+            <p>Breed: Husky</p>
+            <p>Loves to: 
+                <li>Hunt Maya</li>
+                <li>Eat the house she lives in</li>
+                <li>Run around like a crazy dog</li>
+                <li>Interrupt Diana during class</li>
+            </p>
+            <p>Main Jobs: Make sure Diana goes on a walk at least once a day and act as Weasel's body double</p>
+        </ul>
+    </main>
+
+</body>
+</html>
diff --git a/pages/Maya.html b/pages/Maya.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en" class="Maya">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../style.css">
+    <title>Document</title>
+</head>
+<body>
+    <header>
+        <h1 class="Maya">Maya</h1>
+    </header>
+    <img class="maya-img" src="/images/Maya2.jpeg" alt="Lion">
+    <img class="maya-img" src="/images/Maya3.jpeg" alt="Pikachu">
+    <img class="maya-img" src="/images/Maya4.jpeg" alt="Smile">
+    <img class="maya-img" src="/images/Maya5.jpeg" alt="Lion">
+    <main class="maya-text">
+        <ul>
+            <p>Age: 7 years old</p>
+            <p>Breed: Shiba</p>
+            <p>Loves to: 
+                <li>Run!</li>
+                <li>Be left alone</li>
+                <li>Guard the house</li>
+                <li>Bark at Dahlia</li>
+                <li>Clean the other dog's teeth</li>
+            </p>
+            <p>Main Job: Make sure Diana goes on a run a couple of times a week</p>
+        </ul>
+    </main>
+
+</body>
+</html>
diff --git a/pages/Sofia.html b/pages/Sofia.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en" class="Sofia">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../style.css">
+    <title>Document</title>
+</head>
+<body>
+    <header>
+        <h1 class="Sofia">Sofia</h1>
+    </header>
+    <img class="sofia-img" src="/images/Sof1.jpeg" alt="Sofia">
+    <img class="sofia-img" src="/images/Sof2.jpeg" alt="Minnie">
+    <img class="sofia-img" src="/images/Sof4.jpeg" alt="Snow white">
+    <img class="sofia-img" src="/images/Sof6.jpeg" alt="Family">
+    <main class= "sofia-text">
+        <ul>
+            <p>Age: 7 years old</p>
+            <p>Breed: Maltipoo</p>
+            <p>Loves to: 
+                <li>Cuddle</li>
+                <li>Eat anything that falls off the counters and tables</li>
+                <li>Sleep all day long</li>
+                <li>Go on adventures in her backpack, sometimes walk</li>
+                <li>Kiss Sully</li>
+            </p>
+            <p>Main Jobs: Currently retired from being a nanny dog for 5 years. Sometimes she becomes Diana's little pillow</p>
+        </ul>
+    </main>
+
+</body>
+</html>
diff --git a/pages/Sully.html b/pages/Sully.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en" class="Sully">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../style.css">
+    <title>Document</title>
+</head>
+<body>
+    <header>
+        <h1 class="Sully">Sully</h1>
+    </header>
+    <img class="sully-img" src="/images/Sully1.jpeg" alt="Pikachu">
+    <img class="sully-img" src="/images/Sully2.jpeg" alt="Smile">
+    <img class="sully-img" src="/images/Sully3.jpeg" alt="Lion">
+    <main class="sully-text">
+        <ul>
+            <p>Age: 4 years old</p>
+            <p>Breed: Lab mix</p>
+            <p>Loves to: 
+                <li>Chase small animals</li>
+                <li>Eat anything</li>
+                <li>Sleep all day long</li>
+                <li>Play with water</li>
+                <li>Bark at anything or anyone who dares to come near his house</li>
+            </p>
+            <p>Main Jobs: Provide lots of cuddles and act as Diana's bodyguard. Pikachu's body double</p>
+        </ul>
+    </main>
+</body>
+</html>
diff --git a/pages/about.html b/pages/about.html
@@ -1,12 +1,34 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="about-D">
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="../style.css">
   <title>Document</title>
 </head>
 <body>
+  <header>
+ <hi class="about-header">Hola!</hi>
- <hi class="about-header">Hola!</hi>
+ <h1 class="about-header">Hola!</h1>
- <hi class="about-header">Hola!</hi>
+ <h1 class="about-header">Hola!</h1>
+</header>
+<main>
+  <img class="about-img"  src="/images/Screenshot (21).png" alt="Diana">
-  <img class="about-img"  src="/images/Screenshot (21).png" alt="Diana">
+  <img class="about-img"  src="../images/Screenshot (21).png" alt="Diana" />
-  <img class="about-img"  src="/images/Screenshot (21).png" alt="Diana">
+  <img class="about-img"  src="../images/Screenshot (21).png" alt="Diana" />
+    <ul>
+        <p class="Dianas-paragraph">My name is Diana, I am a current student at ADA, on my way to become a full stack programmer</p>
+        <p class="Dianas-paragraph">I love to create things, I love my dogs, I love to travel </p>
+        <p class="Dianas-paragraph">Tools/languages I can use:
-    <ul>
-        <p class="Dianas-paragraph">My name is Diana, I am a current student at ADA, on my way to become a full stack programmer</p>
-        <p class="Dianas-paragraph">I love to create things, I love my dogs, I love to travel </p>
-        <p class="Dianas-paragraph">Tools/languages I can use:
+        <p class="Dianas-paragraph">My name is Diana, I am a current student at ADA, on my way to become a full stack programmer</p>
+        <p class="Dianas-paragraph">I love to create things, I love my dogs, I love to travel </p>
+        <p class="Dianas-paragraph">Tools/languages I can use:
+    <ul>
-    <ul>
-        <p class="Dianas-paragraph">My name is Diana, I am a current student at ADA, on my way to become a full stack programmer</p>
-        <p class="Dianas-paragraph">I love to create things, I love my dogs, I love to travel </p>
-        <p class="Dianas-paragraph">Tools/languages I can use:
+        <p class="Dianas-paragraph">My name is Diana, I am a current student at ADA, on my way to become a full stack programmer</p>
+        <p class="Dianas-paragraph">I love to create things, I love my dogs, I love to travel </p>
+        <p class="Dianas-paragraph">Tools/languages I can use:
+    <ul>
+            <li class="Dianas-paragraph">Python</li>
+            <li class="Dianas-paragraph">Flask</li>
+            <li class="Dianas-paragraph">Postman</li>
+            <li class="Dianas-paragraph">SQL</li>
+            <li class="Dianas-paragraph">Heroku</li>
+            <li class="Dianas-paragraph">Github</li>
+        <p class="Dianas-paragraph">Feel free to explore my previous projects:</p>
+        <a class ="Dianas-paragraph" href="portfolio.html">My creations</a>
+
+        </p>
+    </ul>
-        <p class="Dianas-paragraph">Feel free to explore my previous projects:</p>
-        <a class ="Dianas-paragraph" href="portfolio.html">My creations</a>
-
-        </p>
-    </ul>
+    </ul>
+    <p class="Dianas-paragraph">Feel free to explore my previous projects:</p>
+    <a class ="Dianas-paragraph" href="portfolio.html">My creations</a>
+    </p>
-        <p class="Dianas-paragraph">Feel free to explore my previous projects:</p>
-        <a class ="Dianas-paragraph" href="portfolio.html">My creations</a>
-
-        </p>
-    </ul>
+    </ul>
+    <p class="Dianas-paragraph">Feel free to explore my previous projects:</p>
+    <a class ="Dianas-paragraph" href="portfolio.html">My creations</a>
+    </p>
+</main>
 
 </body>
 </html>
diff --git a/pages/index.html b/pages/index.html
@@ -1,12 +1,26 @@
-<!DOCTYPE html>
-<html lang="en">
+<!DOCTYPE html >
+<html lang="en" class="Index">
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="../style.css">
   <title>Document</title>
 </head>
 <body>
+  <header>
+  <h1> Welcome to Diana's Portfolio </h1>
+  </header>
+  <a href="/pages/portfolio.html"><img class= "Dianaport" src="/images/Supermassiveblackhole.png"></a>
-  <a href="/pages/portfolio.html"><img class= "Dianaport" src="/images/Supermassiveblackhole.png"></a>
+  <a href="/pages/portfolio.html"><img class= "Dianaport" src="/images/Supermassiveblackhole.png" alt="supermassive black hole" /></a>
-  <a href="/pages/portfolio.html"><img class= "Dianaport" src="/images/Supermassiveblackhole.png"></a>
+  <a href="/pages/portfolio.html"><img class= "Dianaport" src="/images/Supermassiveblackhole.png" alt="supermassive black hole" /></a>
+  <a href="/pages/about.html"><img class= "Dianabout" src="/images/Deathstar.png"></a>
+  <main>
+    <!--Creating links to the other pages-->
+  <a href="/pages/Maya.html"><img class= "DogMaya" src="/images/Astronaut3.png"></a>
+  <a href="/pages/Sully.html"><img class= "DogSul" src="/images/Astronaut.png"></a>
+  <a href="/pages/Dahlia.html"><img class= "DogDahl" src="/images/AstronautDahlia.png"></a>
+  <a href="/pages/Sofia.html"><img class= "DogSof" src="/images/AstronautSof.png"></a>
+
+  </main>
 
 </body>
 </html>
diff --git a/pages/portfolio.html b/pages/portfolio.html
@@ -1,12 +1,18 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" class="Portfolio">
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="../style.css">
   <title>Document</title>
 </head>
 <body>
-
+  <header>
+    <h1 class="Portfolio"></h1>Projects</header>
+<div class="portfolio-text"><a class="portfolio-text" href="https://github.com/DLozanoC/task-list-api.git"><img class="image" src="/images/Task list.jpeg" alt="Task List API"><div class="middle"><div class="text">Task List API</div></div></div>
+<div class="portfolio-text"><a class="portfolio-text" href="https://github.com/DLozanoC/solar-system-api.git"><img class="image" src="/images/Solar system.jpeg" alt="Solar System API"><div class="middle"><div class="text">Solar system API</div></div></div>
+<div class="portfolio-text"><a class="portfolio-text" href="https://github.com/DLozanoC/swap-meet.git"><img class="image"src="/images/swap meet.jpeg" alt="Swap Meet" ><div class="middle"><div class="text">Swap Meet</div></div></div>
+<div class="portfolio-text"><a class="portfolio-text" href="https://github.com/DLozanoC/viewing-party.git"><img class="image" src="/images/Viewing party.jpeg" alt="Viewing Party"><div class="middle"><div class="text">Viewing Party</div></div></div>
 </body>
 </html>