Dog Fancy Event Dog Fancy Event

New project Dog Fancy Event Dog Fancy Event
hajaratali123 · Oct 15, 2023 · 7edf614 · 7edf614
1 parent 854862a
commit 7edf614
Show file tree

Hide file tree

Showing 3 changed files with 100 additions and 0 deletions.
diff --git a/app.js b/app.js
diff --git a/index.html b/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>A Tribute page</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <div class="Steve_jobs">
+        <header class="header">
+            <h1 class="tital">Steve jobs</h1>
+            <p class="description">1955-2011</p>
+        </header>
+        <section class="tribute">
+            <blockquote>
+                "Design is not just what it looks like and feels like. Design is how it works"
+            </blockquote>
+            <img src=" https://cdn.profoto.com/cdn/053149e/contentassets/d39349344d004f9b8963df1551f24bf4/profoto-albert-watson-steve-jobs-pinned-image-original.jpg?width=1280&quality=75&format=jpg " alt="Steve jobs">
+        </section>
+        <section class="bio">
+            <h2>Biography</h2>
+            <p> Steven Paul Jobs (February 24, 1955 – October 5, 2011) was an American entrepreneur, industrial designer, business magnate, media proprietor, and investor. He was the co-founder, chairman, and CEO of Apple; the chairman and majority shareholder
+                of Pixar; a member of The Walt Disney Company's board of directors following its acquisition of Pixar; and the founder, chairman, and CEO of NeXT. He is widely recognized as a pioneer of the personal computer revolution of the 1970s and
+                1980s, along with his early business partner and fellow Apple co-founder Steve Wozniak.</p>
+            <hr/>
+        </section>
+
+    </div>
+
+
+
+
+    <script src="app.js "></script>
+</body>
+
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,61 @@
+.Steve_jobs {
+    font-family: Times, serif;
+    color: rgb(248, 246, 246);
+    background-color: rgb(2, 4, 16);
+    margin: 10%;
+    padding: 10%;
+    box-sizing: border-box;
+}
+
+
+/* .container {
+    max-width: 90rem;
+    margin: 2rem auto;
+    padding: 0px 2rem;
+} */
+
+.header {
+    margin-top: 20px;
+    text-align: center;
+}
+
+.tribute {
+    display: grid;
+    grid-template-columns: 2fr 1fr;
+    max-width: 78rem;
+    margin: 0px auto;
+    background: white;
+    color: black;
+    align-items: center;
+    padding: 0px 0px 0px 1rem;
+}
+
+.tribute blockquote {
+    text-align: center;
+    font-size: 3rem;
+}
+
+.tribute img {
+    max-width: 100%;
+}
+
+.bio {
+    margin: 2rem auto;
+    padding: 0px 0.5rem;
+    max-width: 40rem;
+}
+
+.bio>h2 {
+    margin-bottom: 1rem;
+    font-size: 3rem;
+    line-height: 1.4;
+}
+
+.bio>p {
+    font-size: 1.2rem;
+    line-height: 1.4;
+}
+
+.bio>hr {
+    margin-top: 2rem;
+}