codeup-web-exercises/jQuery-intro.html at main · Austin-Whitley/codeup-web-exercises · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Intro</title>
    <style>
        h3{
            color: blue;
            text-decoration: underline;
        }
        h3:hover{
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h3>First Topic</h3>
    <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad amet animi at eveniet id ipsam iure labore reiciendis
            temporibus voluptatum? Blanditiis dolores laboriosam, laborum nemo nisi obcaecati perferendis quas quod. Lorem
            ipsum dolor sit amet, consectetur adipisicing elit. Deserunt doloribus ducimus esse molestias neque repellendus
            soluta! Accusantium aliquam aliquid amet cupiditate harum hic iusto neque quia, quibusdam quos repellendus,
            voluptatem.</p>
        <img src="img/fishingOutfitter.jpeg">
    </div>
    <h3>Second Topic</h3>
    <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto debitis dicta dolor expedita fugit id in
            inventore labore nam nihil nostrum, numquam omnis ratione repellendus reprehenderit sequi vel? Earum, quas?
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto consectetur deleniti iure iusto laborum
            obcaecati possimus quam reprehenderit soluta suscipit? Aspernatur beatae doloribus eos iure labore suscipit vitae
            voluptas voluptatibus.</p>
    </div>
    <h3>Third Topic</h3>
    <div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad amet animi at eveniet id ipsam iure labore reiciendis
            temporibus voluptatum? Blanditiis dolores laboriosam, laborum nemo nisi obcaecati perferendis quas quod. Lorem
            ipsum dolor sit amet, consectetur adipisicing elit. Deserunt doloribus ducimus esse molestias neque repellendus
            soluta! Accusantium aliquam aliquid amet cupiditate harum hic iusto neque quia, quibusdam quos repellendus,
            voluptatem.</p>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
    <script src="js/jQuery-intro.js"></script>
</body>
</html>