Second-Project/index.html at main · soft-dev3/Second-Project · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Second-Project</title>
    <link rel="stylesheet" href="style.css">
    <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=Lato&family=Poppins&display=swap" rel="stylesheet">
</head>
<body>
    <section class="top-banner">
        <div class="half-wide">
            <h1 class="h1-font-size">Hello I'm</h1>
            <h1 class="name-collor">Md.Saddam Hossain</h1> <br>
            <p>Dolores ipsum no ipsum stet sanctus tempor ea ipsum dolores, et magna eos lorem aliquyam ea aliquyam tempor diam, est.</p> <br>
            <a class="button" target="_blank" href="https://www.facebook.com/soft.dev3">HIRE ME!</a>
        </div>
        <div class="half-wide">
            <img src="image/completed image/fast-div.png" alt="first image">
        </div>
    </section>
    <section class="middel-bannar">
        <div class="half-wide">
            <img src="image/completed image/second-div.png" alt="image">
        </div>
        <div class="half-wide">
            <h1 class="h1-font-size">Biography</h1>
            <p>Kasd sadipscing vero amet accusam aliquyam invidunt dolore stet, ipsum sit diam tempor labore dolores no justo clita justo. Diam dolore ea tempor accusam labore duo ipsum amet sadipscing. Eirmod duo ipsum dolor duo vero sea diam, lorem gubergren vero.</p> <br>
            <a class="button" target="_blank" href="https://soft-dev3.github.io/First-Project/">Download CV</a>
        </div>
    </section>
    <section class="last-bannar">
        <h1 class="last-title">My Latest Work</h1><br><br>
        <div class="third-half">
            <img class="work" src="image/latest-work/work-1.png" alt="image">
        </div>
        <div class="third-half">
            <img class="work" src="image/latest-work/work-2.jpg" alt="image">
        </div>
        <div class="third-half">
            <img class="work" src="image/latest-work/work-3.jpg" alt="image">
        </div>
    </section>
    <section class="footer">
        <div class="footer-div1">
            <h1>What Client Are Say</h1>
            <h3>soft.dev3</h3>
            <h3>Founder & CDE MD.Saddam</h3>
            <p>Gubergren diam kasd lorem lorem invidunt voluptua est sadipscing et..</p>
        </div>
        <div class="another-button">
            <p>Click me for more information</p>
        </div>
    </section>
</body>
</html>