HTML_Assignment/htmlassignment.html at master · chirag-rakh/HTML_Assignment · 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
<!DOCTYPE html>
<html>
    <head>
        <link href="html1.css" rel="stylesheet">
        <title>
            HTML Assignment
        </title>
    </head>
    <body>
        <header>
            <div class="navbar">
                <h3>Header Logo</h3>
                <ul>
                    <li><a href="#">header link three</a></li>
                    <li><a href="#">header link two</a></li>
                    <li><a href="#">header link one</a></li>
                </ul>
            </div>
            <div class="containerforhero">
                <div class="hero">
                 <h2>This website is awesome</h2>
                 <p>This website has some subtext that goes here under the main
                     title. It's a smaller font and the color is lower contrast
                 </p>
                 <button class="button1"><b>Sign Up</b></button>
                </div>
                <div class="hero2">
                     <p>this is a placeholder for an images</p>
                </div>
            </div>
        </header>
        <main>
            <div class="main1">
                <h2>Some random information.</h2>
                <div class="contforframes">
                    <div class="frames">
                        <div class="frame">
                        </div>
                        <p>this is some subtext under an ilustration or image</p>
                    </div>
                    <div class="frames">
                        <div class="frame">
                        </div>
                        <p>this is some subtext under an ilustration or image</p>
                    </div>
                    <div class="frames">
                        <div class="frame">
                        </div>
                        <p>this is some subtext under an ilustration or image</p>
                    </div>
                    <div class="frames">
                        <div class="frame">
                        </div>
                        <p>this is some subtext under an ilustration or image</p>
                    </div>
                </div>
            </div>
        </main>
        <div class="main2">
            <p>This is an inspiring quote, or a testimonial from a customer.
            Maybe it's just filling up space, or maybe people will actually read it. Who knows?
            All I know is that it looks nice.<span>-Thor, God of Thunder</span></p>
        </div>
        <div class="main3">
            <div class="bluebox">
                <div class="blueboxtext">
                    <p class="blueboxtextheader">Call to action! It's time!</p>
                    <p class="blueboxtextbody">Sign up for our product by clicking that button right over there</p>
                </div>
                <div class="blueboxbutton">
                    <button class="button2"><b>Sign up</b></button>
                </div>
            </div>
        </div>
        <footer>
            <p>Copyright © The Odin Project 2021</p>
        </footer>
    </body>
</html>