FinalProject/testimonies.html at master · benjamin-shuster/FinalProject · 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
<!-- DEVELOPER: Benjamin Shuster, IS117-002, Spring 2023 -->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="How to do better on exams by drinking alcoholic beverages ">
    <meta name="keywords" content="Alcohol, Studying, Exam, Testing, Beer, Wine">
    <meta name="author" content="Benjamin Shuster">
    <!--    https://www.w3schools.com/tags/tag_meta.asp   -->
    <title>Testimonies</title>
    <!--  bootstraps css code  -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <link rel="stylesheet" href="Styles/testimonies.css">
    <link rel="stylesheet" href="Styles/global.css">
    <link rel="shortcut icon" href="Images/logo.png" type="image/x-icon">
</head>
<body>

<script src="Scripts/navigation.js"></script>
<!--this injects the navbar using js so I can modify it in one file-->
<main>
    <h1 class="inspiration text-center my-5 ">Testimonies</h1>

    <div class="mt-5 container d-flex justify-content-center align-items-center flex-column" >
        <figure class="figure w-50">
            <img src="Images/nightmare.png"  class="figure-img img-fluid rounded w-100 " alt="Kate in her senior year after she started drinking">
            <figcaption class="figure-caption">Kate in her senior year after she started drinking</figcaption>
        </figure>

        <p class="lh-lg w-75 border-bottom pb-4">"I couldn't believe how easy it was to smuggle in my favorite drink using the tips on this website.
            I felt like a secret agent, and it definitely helped me relax before the exam." - Kate</p>
        <br>
        <br>
        <figure class="figure w-50">
            <img src="Images/sarah.jpg"  class="figure-img img-fluid rounded w-100 " alt="Sarah, a freshman just getting into the swing of things">
            <figcaption class="figure-caption">Sarah, a freshman just getting into the swing of things</figcaption>
        </figure>

        <p class="lh-lg w-75 border-bottom pb-4">"As someone who can't drink yet, I was relieved to find alternatives to alcohol on this website.
            Taking a quick nap and listening to some music really helped me calm down and get in the right headspace." - Sarah</p>
        <br>
        <br>
        <figure class="figure w-50">
            <img src="Images/joe.jpg"  class="figure-img img-fluid rounded w-100 " alt="Joe was hesitant until he started drinking">
            <figcaption class="figure-caption">Joe was hesitant until he started drinking</figcaption>
        </figure>

        <p class="lh-lg w-75 border-bottom pb-4">"I never thought drinking before an exam could actually help me, but after trying it out, I must say that it really works!
            I felt more relaxed and confident during the test and ended up getting an A." - Joe</p>
        <br>
        <br>
        <figure class="figure w-50">
            <img src="Images/hahaah.png"  class="figure-img img-fluid rounded w-100 " alt="Hanna has a problem and needs help">
            <figcaption class="figure-caption">Hanna has a problem and needs help</figcaption>
        </figure>

        <p class="lh-lg w-75 fallingRatStart ">"I was skeptical at first, but the study tips on this website really helped me.
            Drinking lots of alcohol before the exam kept me inebriated and alert, and I was able to focus better." - Hanna</p>
    </div>
</main>
<img class="rat" src="Images/falling_rat.png" alt="A Rat Falling">
<script src="Scripts/footer.js"></script>
<script src="Scripts/animals.js"></script>
<!--this injects the footer using js so I can modify it in one file-->
<!--bootstraps javascript code-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script src="Scripts/global.js"></script>
<script type="module">
    import { rainbowCursor  } from "https://unpkg.com/cursor-effects@latest/dist/esm.js";

    new rainbowCursor({
        length: 25,
        size: 5,
    });
</script>
</body>
</html>