Added Tribute Page

Bharath314 · May 8, 2024 · d35263d · d35263d
1 parent 4751f24
commit d35263d
Show file tree

Hide file tree

Showing 4 changed files with 81 additions and 0 deletions.
diff --git a/certification/index.html b/certification/index.html
@@ -7,5 +7,6 @@
 </head>
 <body>
     <a href="./survey-form/index.html">Survey Form</a>
+    <a href="./tribute-page/index.html">Tribute Page</a>
 </body>
 </html>
diff --git a/certification/tribute-page/Alfredo Toronito.png b/certification/tribute-page/Alfredo Toronito.png
diff --git a/certification/tribute-page/index.html b/certification/tribute-page/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Alfredo Toronito</title>
+    <link rel="stylesheet" href ="styles.css">
+  </head>
+  <body>
+    <main id="main">
+      <h1 id="title">Alfredo Toronito</h1>
+      <p>The visionary founder of dockVind</p>
+      <figure id="img-div">
+        <img id="image" src="./Alfredo Toronito.png" alt="A black and white picture of the legendary Alfredo Toronito in his late 20s">
+        <figcaption id="img-caption">Alfredo Toronito in his late 20s<p>
+      </figure>
+      <section id="tribute-info">
+        <h2>Here is Alfredo Toronito's journey</h2>
+        <ul>
+          <li><strong>1949</strong> - Born Alfredo Zoorasthmus Cunningham Toronito in the erstwhile state of Hyderabad to American immigrants </li>
+          <li><strong>1967</strong> - Leaves India to attend Harvard where he is admitted into a BS program</li>
+          <li><strong>1971</strong> - graduates from college and joins as a researcher at Bell Labs</li>
+          <li><strong>1999</strong> - founds dockVind in his birth town Hyderabad</li>
+          <li><strong>2015</strong> - resigns from his position as chairman to focus on philanthropic activities</li>
+          <li><strong>2022</strong> - passes away at the age of 73</li>
+        </ul>
+        <p>Lorem ipsum dolor sit amet 1949 - 2022</p>
+        Read more about this legend <a id="tribute-link" href="https://github.com/Bharath314/fCC-Project-Tribute-Page" target="_blank">here</a>
+      </section>
+    </main>
+  </body>
+</html>
diff --git a/certification/tribute-page/styles.css b/certification/tribute-page/styles.css
@@ -0,0 +1,48 @@
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+
+  body {
+    background-image: url("https://images.unsplash.com/photo-1489648022186-8f49310909a0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2110&q=80");
+    /* background-size: cover;
+    background-repeat: no-repeat; */
+    color: #f5f6f7;
+    font-family: 'Roboto', sans-serif;
+    padding: 1.25rem;
+  }
+
+  main {
+    background-color: rgba(0, 0, 0, 0.75);
+    width: 75vw;
+    margin: 0 auto;
+    padding: 1.25rem;
+    max-width: 120rem;
+    min-width: 18.125rem;
+  }
+
+  #title {
+    text-align: center;
+    color: orange;
+    padding: 0.25rem 0.25rem 0.05rem 0.25rem;
+    font-size: 3rem;
+  }
+
+  #title + p {
+    text-align: center;
+    padding-bottom: 1rem;
+  }
+
+  #img-div {
+    text-align: center;
+    padding: 1rem;
+  }
+
+  #image {
+    display: block;
+    margin: auto;
+    border-radius: 1rem;
+    max-width: 100%;
+    height: auto;
+  }