fcc-responsive-web-projects/tribute_page.html at master · jinudaniel/fcc-responsive-web-projects · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<html>
    <head>
        <title>Tribute Page</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
        integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    </head>
    <body>
        <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
        <link rel="stylesheet" type="text/css" href="styles/tribute_page.css">
    <div id="main" class="container text-center">
    <div class="jumbotron">
        <div id="title" class="display-4 text-center">Steve Jobs</div>
        <div class="text-center lead">A Creative Genuis</div>
    </div>
    <div id ="img-div"><img id = "image" src="http://talentdevelop.com/WordPress/wp-content/uploads/2014/03/Steve-Jobs-Think-Different.jpg" alt = "Steve Jobs"/>
    <div id = "img-caption"><p>Steven Paul "Steve" Jobs was an American information technology entrepreneur and inventor. As co-founder and CEO of Apple Computers, Steve brought us the first personal computer, the ipod and the iphone.</p></div>
    </div>
    <div id = "tribute-info" >
        <ul>
        <h3>Time Line of Steve Job's Life</h3>

        <li><strong>1976</strong> - Steve Jobs and Steve Wozniack co found Apple</li>
        <li><strong>1984</strong> - Presents the 128k Macintosh Computer</li>
        <li><strong>1985</strong> - Fired from Apple</li>
        <li><strong>1986</strong> - Founded Pixar</li>
        <li><strong>1997</strong> - Returns to Apple</li>
        <li><strong>2000</strong> - Steve Jobs becomes Apple CEO</li>
        <li><strong>2001</strong> - Steve Jobs unveils iPod at a small media event on the company's campus.</li>
        <li><strong>2007</strong> - Steve Jobs introduces iPhone and its revolutionary touch-screen interface.</li>
        <li><strong>2010</strong> - Steve Jobs unveils iPad.</li>
        <li><strong>2011</strong> - Steve Jobs dies at home, surrounded by his family.</li>
        </ul>
        </div>
    <div id = "quote">
        <blockquote class="blockquote">
        <p class="mb-0">Have the courage to follow your heart and intuition. They somehow already know what you truly want to become. Everything else is secondary.</p>
        <footer class="blockquote-footer">Steve Jobs</footer>
        </blockquote>
    </div>
    <div id = "more-info">
        <h5>To know more about Steve Jobs check out this <a id = "tribute-link" href = "https://en.wikipedia.org/wiki/Steve_Jobs" target = "_blank">Wikipedia Entry</a></h5>
    </div>
    </div>
        </body>
</html>