Simple tribute page using (html and css)

-

 


<!DOCTYPE html>

<html lang="en">

<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">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            box-sizing: border-box;
        }
        body{
            background-color: black;
            color: white;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        }
        .quote p{
            size: 100px;
        }
        .quote{
            display: grid;
  grid-template-columns: 2fr 1fr;
  max-width: 100rem;
  margin: 0px auto;
  background: white;
  color: black;
  align-items: center;
  padding: 0px 0px 0px 1rem;
        }
        .quote p{
            font-size: 50px;
        }
        img{
            max-width: 555px;
        }
        .head{
            text-align: center;
        }
        .head h1{
            margin: 2%;
        }
        .bio{
            grid-template-columns: 2fr 1fr;
            max-width: 100rem;
            margin: 0px auto;
            padding: 0px 0px 0px 1rem;
           
        }
        .gta{
            font-size: 50px;
            font-weight: bold;

        }
       
    </style>
</head>
<body>
    <div class="head">
        <h1>Steve Jobs</h1>
        <h2>1955-2011</h2>
    </div><br>
    <div class="quote">
        <p>"Design is not just what it looks like and feels like. Design is how it works"</p>
        <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="stevejobs">
    </div><br>
    <div class="bio">
        <p class="gta">
            Biography
        </p><br>
        <p class="content">
            <i>
                Steven Paul Jobs <strong>(February 24, 1955 – October 5, 2011)</strong> 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.
            </i>
        </p><br>
        <hr>
    </div>
</body>
</html>

Comments

Post a Comment