FirstAsignment/index.html at main · barcot7/FirstAsignment · 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
<!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>Personal Portfolio</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header class="fullwidth">
        <nav class="top-menu">
            <ul>
                <li><a href="#">About</a></li>
                <li><a href="#">Work</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </header>
    <setion class="fullwidth personal">
        <div class="half-width">
            <h1>HELLO, I'M</h1>
            <h1>ROB DAVIDSON</h1>
            <P>A full stack allaround designer that placerat <br> in massa consectetur</P>
            <a href="#" class="text-btn">Hire Me</a>
        </div>
        <div class="half-width">
            <img src="images/pic1.png" alt="portfolio image">
        </div>
    </setion>
    <setion class="fullwidth personal">
        <div class="half-width">
            <img src="images/pic2.png" alt="portfolio image">
        </div>
        <div class="half-width">
            <h1>About</h1>
            <P>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</P>
            <a href="#" class="text-btn"><img class="cv-img" src="images/downloadcv.png" alt=""> Download CV</a>
        </div>
    </setion>
    <setion class="fullwidth work">
        <h1><span class="namehighlight">LASTET</span> WORKING PROJECT</h1>
        <div class="workingproject">
            <div class="singleWorkingProject">
                <img src="images/image4.png" alt="">
                <h3>Power-x-gym (gym website)</h3>
                <p>Lorem Ipsum is simply dummy text of the
                    printing and typesetting industry.
                    </p>
            </div>
            <div class="singleWorkingProject">
                <img src="images/image5.png" alt="">
                <h3>Creative Agency</h3>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
            </div>
            <div class="singleWorkingProject">
                <img src="images/image8.png" alt="">
                <h3>Hard Rock Music</h3>
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
            </div>
        </div>
    </setion>
    <section class="fullwidth inquery">
        <div class="inquery-content">
            <h1>WORK INQUERY</h1>
            <a class="text-btn">Live Chat</a>
        </div>
    </section>
    <footer class="fullwidth">
        <h2>Stay Connected</h2>
        <h3>hello@design.com</h3>
        <div class="social-icon">
            <a href="https://dribbble.com/" target="_blank"><img src="images/dribbble.png" alt="dribbble"></a>
            <a href="https://www.behance.net/" target="_blank"><img src="images/behance.png" alt="behance"></a>
            <a href="https://www.instagram.com/" target="_blank"><img src="images/instagram.png" alt="instagram"></a>
        </div>
    </footer>
</body>
</html>