CS050_Project0/social_distance.html at master · MatthewHawkins/CS050_Project0 · 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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
    <head>
        <title>How To Survive Isolation</title>
        <meta name = "viewport" content = "width = device-width, initial-scale = 1">
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Goudy+Bookletter+1911" rel="stylesheet">
        <link rel="stylesheet" href="project0.css">
    </head>
    <body>
        <img src="sneeze.jpg" class="text-left">
        <h1>COVID-19 Pandemic</h1>
    <div class = "row">
        <div class = "col-12">
        <div class="alert alert-primary right" role="alert">
            <nav>
                <a class = "btn btn-dark" href=  "index.html">Home</a>
                <a class = "btn btn-dark" href=  "facts.html">Facts</a>
                <a class = "btn btn-dark" href=  "prevention.html">Prevention</a>
                <a class = "btn btn-dark" href=  "social_distance.html">Survival Guide</a>

            </nav>
        </div>
        </div>
        </div>
        <div class = "row">
            <div class = "center">
            <h3>How To Survive Isolation</h3>
            </div>
        </div>
    <div class = "row">
        <div class = "col - 5">
            <div class = "plainText" class = "container-fluid">
                <br>
                <div class = "center">
<p class = "maintext">Being stuck inside without much to do can be the worst! We've found the top five, books, movies, and games to help keep you entertained.
    We've also found some apps that will make the quarantine a little more tolerable.</p>
<br>
                </div>
                </div>
            </div>
        </div>
    <div class = "row">
        <div class = "col-5">
            <div class = "container-fluid">
            <h4>Top 5 Books</h4>
    <ol>
        <li class = "bodytext">The Pandora Room</li>
        <li class = "bodytext">Harry Potter Series</li>
        <li class = "bodytext">The Name of the Wind</li>
        <li class = "bodytext">(What was the name of that book you read where China attacked everyone?)</li>
        <li class = "bodytext">The World is Flat</li>
    </ol>
</div>
</div>

        <div class = "col-5">
            <div class = "container-fluid">
    <h4>Top 5 Movies</h4>
    <ol>
        <li class = "bodytext">Contagion</li>
        <li class = "bodytext">Outbreak</li>
        <li class = "bodytext">Twelve Monkeys</li>
        <li class = "bodytext">Weeks Later</li>
        <li class = "bodytext">I Am Legend</li>
    </ol>
</div>
</div>
</div>
<div class = "row">
    <div class = "col-5">
<div class = "container-fluid">
    <h4>Top 5 Games</h4>
    <ol>
        <li class = "bodytext">Pandemic</li>
        <li class = "bodytext">Haunting of the House on the Hill</li>
        <li class = "bodytext">The Resistance</li>
        <li class = "bodytext">Avalon</li>
        <li class = "bodytext">Splendor</li>
    </ol>
</div>
</div>
<div class = "col-5">
<div class = "container-fluid">
    <h4>Apps to Make Life Easier</h4>
    <ul>
        <li class = "bodytext">Zoom</li>
        <li class = "bodytext">What's App</li>
        <li class = "bodytext">YouTube</li>
        <li class = "bodytext">Netflix</li>
        <li class = "bodytext">Amazon</li>
        <li class = "bodytext">Audible</li>
        <li class = "bodytext">Instagram</li>
        <li class = "bodytext">Chrome</li>

    </ul>
</div>
</div>
</div>
    </body>
</html>