landingPage/index.html at main · Infandous/landingPage · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>My Landing Page</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="pageHeader">
            <div class="headerTop">
                <h3>Sean's Web Design</h3>
                <div class="links">
                    <a href="#">View Past Projects</a>
                    <a href="#">About Me</a>
                    <a href="#">Contact</a>
                </div>
            </div>
            <div class="headerBottom">
                <div class="leftSide">
                    <h1>This is my website</h1>
                    <p>This is where a description goes, but to be honest I don't<br>
                     really have too much to say except this is me and my girlfriend!
                    </p>
                    <button>Sign up for an appointment!</button>
                </div>
                <div class="rightSide">
                    <img src="photos/meAndMyGf.JPG" alt="This is an image placeholder" >
                </div>
            </div>
        </div>
        <div class="content">
            <h3>Some random info that should be about my work</h3>
            <ul>
                <li>
                    <img src="photos/imagePlaceholder.png" alt="Some image 1">
                    <div class="imageSubtext">This is some subtext<br> under an illustration or image</div>
                </li>
                <li>
                    <img src="photos/imagePlaceholder.png" alt="Some image 2">
                    <div class="imageSubtext">This is some subtext<br> under an illustration or image</div>
                </li>
                <li>
                    <img src="photos/imagePlaceholder.png" alt="Some image 3">
                    <div class="imageSubtext">This is some subtext<br> under an illustration or image</div>
                </li>
                <li>
                    <img src="photos/imagePlaceholder.png" alt="Some image 4">
                    <div class="imageSubtext">This is some subtext<br> under an illustration or image</div>
                </li>
            </ul>
        </div>
        <div class="quoteContent">
            <div id="quote">This is the best website ever! So happy I stumbled upon it.
                I have no idea where my life would be without Sean's awesome wesbite
                design skills!
            </div>
            <div id="author">-Literally every single client ever</div>
        </div>
        <div class="footer">
            <div class="leftCTA">
                <div id="CTA">it's time to up your game!</div>
                <div id="belowCTA">Sign up for our life changing product<br> by clicking that button right over there!</div>
            </div>

            <button>Sign up</button>
        </div>
    </body>
</html>