Software-Engineer-Full-Stack/CSSSelectors.html at main · NHazelJ/Software-Engineer-Full-Stack · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Selectors</title>
    <link rel="stylesheet" href="CSSSelectors.css">
</head>

<body>
    <nav>
        <label for="search">Search</label>
        <input type="text" placeholder="search" id="search">
        <input type="password" placeholder="password">
        <button>Log In</button>
        <button id="signup">Sign Up</button>
    </nav>
    <main>
        <h1>Popular Posts</h1>
        <section>
            <span>Posted by <a href="#213adas">/u/not_funny</a></span>
            <h2>Lol look at this hilarious meme <span class="tag">funny</span></h2>
            <button>+Vote</button>
            <hr>
        </section>
        <section>
            <span>Posted by <a href="#345adas">/u/gooner4lyfe</a></span>
            <h2>Happy birthday to the strongest defender/bodyguard in the Prem! <span class="tag">gunners</span></h2>
            <button>+Vote</button>
            <hr>
        </section>
        <section>
            <span>Posted by <a href="#981adas">/u/dogfan</a></span>
            <h2>This Corgi got some good stuff from the vet. <span class="tag">dogs</span></h2>
            <button>+Vote</button>
            <hr>
        </section>
        <section>
            <span>Posted by <a href="#213adas">/u/not_funny</a></span>
            <h2>Lol look at this hilarious meme <span class="tag">funny</span></h2>
            <button>+Vote</button>
            <hr>
        </section>
        <section>
            <span>Posted by <a href="#345adas">/u/gooner4lyfe</a></span>
            <h2>Happy birthday to the strongest defender/bodyguard in the Prem! <span class="tag">gunners</span></h2>
            <button>+Vote</button>
            <hr>
        </section>
        <section>
            <span>Posted by <a href="#981adas">/u/dogfan</a></span>
            <h2>This Corgi got some good stuff from the vet. <span class="tag">dogs</span></h2>
            <button>+Vote</button>
            <hr>
        </section>
        <p>
            Lorem, ipsum dolor sit amet consectetur adipisicing elit. Mollitia nam laborum voluptas saepe ipsa sit, soluta, obcaecati esse dicta fugiat corporis deleniti iure. Itaque, dignissimos deleniti omnis velit autem sequi.
            Nam, dolore distinctio blanditiis id rem repellendus fuga veniam, animi voluptatum ad temporibus suscipit explicabo cum inventore! Enim, provident dignissimos commodi veritatis fugiat inventore est explicabo, illum consequatur cum animi.
            Adipisci ipsa excepturi corrupti. Magni voluptas, cumque dolore nihil doloremque dolorum suscipit. Aspernatur dicta, neque dignissimos consectetur repellendus libero ipsam obcaecati eum. Optio porro nihil facilis asperiores consectetur, ad laudantium?
            Quas, consequuntur ipsam obcaecati pariatur sed laborum, iure magni possimus quam autem eius recusandae, totam ullam sunt? Debitis esse sunt aliquam ipsa aut, ad, distinctio, magni a officiis sequi magnam?
            Dolor laudantium voluptates incidunt eligendi fuga voluptatum voluptate ex aperiam quod officia. Numquam quaerat quo neque repellat ratione excepturi laborum quae ducimus nobis doloribus, tenetur architecto rerum quam similique voluptatem!
            Nesciunt quos dicta dignissimos tempora dolorum aliquam eaque, dolores deserunt voluptatem illum ipsum et harum itaque dolor nemo numquam sit repellendus quisquam quis soluta! Pariatur aut provident quasi praesentium magni!
            Modi minus asperiores atque libero laboriosam pariatur qui doloribus fugiat, quos voluptate quisquam deleniti nobis harum in voluptates et quasi alias earum nulla dolores corporis vitae! Maxime possimus eos veritatis?
            Tenetur ea totam amet. Praesentium possimus debitis velit dicta! Ea nisi magni maxime quas libero corporis. Ut tempore unde quasi itaque deleniti nulla necessitatibus, quas nostrum cum dolorum. Cupiditate, alias?
            Autem neque animi est illum et, eius tenetur omnis modi dolores fuga cumque nulla cupiditate quis, magni ut libero aliquam eum eligendi labore repudiandae maiores blanditiis quae reprehenderit officia! Voluptas!
            Maxime cumque hic aliquid sed, illo ad totam ratione ex magni explicabo corrupti sint? Architecto, cumque accusamus porro blanditiis magni aliquam aut esse, enim veniam laudantium repellat doloribus nisi ex?
        </p>
    </main>
    <footer>
        <nav>
            <ul>
                <li>
                    <a href="#home">Home</a>
                </li>
                <li>
                    <a href="#about">About</a>
                </li>
                <li>
                    <a href="#contact">Contact</a>
                </li>
                <li>
                    <a href="www.googlecom">Google</a>
                </li>
            </ul>
        </nav>
    </footer>

</body>

</html>