Dina_card_page added

happyzebro · hattifnatt4r · commit e3cc54fe5c27 · 2025-10-06T20:06:54.000-04:00
diff --git a/.DS_Store b/.DS_Store
diff --git a/index.html b/index.html
@@ -56,7 +56,7 @@
         </div>
       </div>
 
-      <div class="card">
+      <div class="card" onclick="openPage('pages/003_dina.html')">
         <img class="card__img" src="https://pethelpful.com/.image/w_1920,q_auto:good,c_limit/NDowMDAwMDAwMDAwMTA5OTM4/a-corgi-puppy-running.jpg" alt="corgi image"/>
         <div class="card__text">
           <div class="card__message">Hello!</div>
diff --git a/pages/003_dina.css b/pages/003_dina.css
@@ -0,0 +1,12 @@
+body {
+  padding: 2rem 3rem;
+  background-color: lemonchiffon;
+}
+
+p{
+  font-size: 20px;
+}
+
+.page_img{
+  width: 200px;
+}
diff --git a/pages/003_dina.html b/pages/003_dina.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>CambridgeDevClass attendant Dina</title>
+  <link rel="stylesheet" href="003_dina.css">
+</head>
+<body>
+  <h1>Welcome to my page</h1>
+
+  <p>Hello, my name is Dina</p>
+  <img class="page_img" src="https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExbGI4aHU1YnBmOGw1MHc3d3YwN2ZqdTZ5ZXpjcXN4andncXU0a2w4YyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/KpvcURb06H2fEHcu7M/giphy.gif" alt="gif"/>
+  <p></p>
+  <a href="../index.html">Back</a>
+</body>
+</html>
