Personal-website/index.html at master · shompaaa/Personal-website · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Shompa</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <section class="header">
        <div class="half-width">
            <h1>Hello I'm</h1>
            <h1 class="name-highlight">Jack Smith</h1>
            <p>You might saw me jumping, climbing buildings and stopping trains. But nobody pays me a dime for that work!</p>
            <button class="hire-me">Hire Me</button>

        </div>

        <div class="half-width">
            <img src="Images/peter.png" alt="">

        </div>
    </section>


    <section class="biography">

        <div class="half-width">
            <img src="Images/peter_dream.png" alt="">
        </div>

        <div class="half-width">
            <h2>Biography</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima nobis nesciunt ipsam vitae excepturi aliquam maiores consequatur alias, eius quibusdam incidunt aperiam laudantium corporis molestias placeat, porro laborum cumque, quas autem. Modi, alias delectus! Error, veniam veritatis eos quam ut sit aliquid aspernatur deserunt. Tempora itaque fugiat distinctio maxime deserunt repellat facilis velit error, expedita sit reprehenderit accusamus, mollitia odd</p>

            <button class="download-cv"> Download CV </button>

        </div>

    </section>


    <section class="footer">
        <h2 class="work">My Latest Work</h2>

        <div class="another-half">
            <img src="Images/latest-work/work-1.png" alt="">
        </div>

        <div class="another-half">
            <img src="Images/latest-work/work-2.jpg" alt="">
        </div>

        <div class="another-half">
            <img src="Images/latest-work/work-3.jpg" alt="">
        </div>

    </section>


    <section class="last-footer">
        <h1>What Client are say</h1>
        <h3>Bruce Mossey</h3>
        <h5>Founder & CEO</h5>

        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <br> Iure dicta pariatur at cupiditate veritatis illo, ipsam iusto.</p>

        <div class="decoration">
            <br>
            <p style="color: white;">Leave me a message here</p>
            <h3 style="color: white;">programming.hero1@gmail.com</h3>
            <br>
        </div>

    </section>

    <footer class="copyright">
        <p>© All rights reserved by its respective owner</p>
    </footer>
</body>
</html>