personal-website/index.html at main · DhWalidkhl/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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
    <link rel="stylesheet" href="style.css">

    <title>Walid Site</title>
  </head>
  <body>

    <section class="intro py-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="intro-text">
                        <div class="intro-text-header">
                            <h1>Hello I'm</h1>
                            <h1><span>D H Walid</span></h1>
                        </div>
                        <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Perspiciatis placeat fuga laboriosam natus pariatur provident eaque. Dignissimos animi praesentium rem?</p>
                        <a class="btn btn-primary" href="#"> HIRE ME </a>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="intro-img">
                        <img src="./img/image 5.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="biography">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="bio-img">
                        <img src="./img/image 7.png" alt="">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="bio-text py-5 mt-5">
                        <h2 class="mb-4">Biography</h2>
                        <p class="mb-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis laborum sunt, suscipit sapiente ipsam repellendus tempore voluptatibus, voluptatum corporis magni atque pariatur iste cupiditate est ab excepturi commodi tenetur repudiandae sed! Pariatur veritatis sunt in excepturi nostrum et soluta voluptatibus!</p>
                        <a class="btn btn-primary" href="#">Download CV</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="latest-work py-5 my-5">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="work-head text-center pb-5">
                        <h1>My Latest Work</h1>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <img src="./img/latest-work/work-1.png" alt="">
                </div>
                <div class="col-lg-4">
                    <img src="./img/latest-work/work-2.jpg" alt="">
                </div>
                <div class="col-lg-4">
                    <img src="./img/latest-work/work-3.jpg" alt="">
                </div>

            </div>
        </div>
    </section>


    <section class="ClientSay py-5">
        <div class="container w-50 m-auto text-center">
            <div class="row">
                <div class="col-lg-12">
                    <div class="clientHead">
                        <h3>What Client are say</h3>
                    </div>
                    <div class="clientBody">
                        <div class="bodyHead py-4">
                            <h5>Bruce Moccy</h5>
                            <p>Founder & CEO Alies</p>
                        </div>
                        <div class="bodyFooter">
                            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quam, corporis. Minima veritatis deleniti amet possimus cupiditate unde error dolor iure!</p>
                        </div>
                    </div>
                    <div class="clientFooter p-4">
                        <p class="mb-0">Leave a message in the</p>
                        <a href="#">sm.walid69@yahoo.com</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container text-center mt-5">
            <p>All right reserved by D H Walid</p>
        </div>
    </footer>


    <!-- Optional JavaScript -->
    <!-- Popper.js first, then Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
  </body>
</html>