xuanhoapop/index.html at master · UMISORA09/xuanhoapop · 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
  <title>TRAN NGOC HAI</title>
</head>

<body>
  <header>
    <a class="logo" href="#">Trần Ngọc Hải</a>
    <nav class="navigation">
      <a href="#services">services</a>
      <a href="#projects">projects</a>
      <a href="#contact">contact</a>
    </nav>
  </header>

  <section class="main">
    <div>
      <h2>HELLO,I'm Trần Ngọc Hải <br><span>Dịch vụ FACEBOOK</span></h2>
      <h3>Hỗ trợ Bản Quyền-Thương Hiệu </h3>
      <a href="#Projects" class="main-btn">Liên hệ:</a>

      <h4>visit my social media个</h4>
      <div class="social-icon">
        <a href="https://www.facebook.com/hai2108"><i class="fa-brands fa-facebook-square"></i></a>
        <a href="#"><i class="fa-brands fa-instagram"></i></a>
        <a href="#"><i class="fa-brands fa-twitter"></i></a>
        <a href="#tiktok.com/link"><i class="fa-brands fa-tiktok"></i></a>
      </div>
    </div>
  </section>

  <section class="cards" id="services">
    <h2 class="title">services</h2>
    <div class="content">
      <div class="card">
        <div class="icon">
          <i class="fa-solid fa-pen-to-square"></i>
        </div>

        <div class="info">
          <h3>Script Writing</h3>
          <p>A good and fast writer If you are looking for a professional writer, you have come to the right place </p>
        </div>

      </div>

      <div class="card">
        <div class="icon">
          <i class="fa-solid fa-code"></i>
        </div>

        <div class="info">
          <h3>developer</h3>
          <p>Professional programmer and web designer from the best designers in the Middle East </p>
        </div>
      </div>

    </div>
    <div class="card">
      <div class="icon">
        <i class="fa-solid fa-photo-film"></i>
      </div>

      <div class="info">
        <h3>video editor</h3>
        <p>Make a rigid video montage. If you want a rigid montage, you will be in the right place </p>
      </div>
    </div>
    </div>
  </section>


  <section class="projects" id="projects">
    <h2 class="title">Projects</h2>
    <div class="content">
      <div class="project-card">
        <div class="ptoject-image">
          <img src="mh.jpeg" alt="">
        </div>
        <div class="project-info">
          <p class="project-category">Thông tin</p>
          <strong class="project-title">
            <span>Ghi thêm!!!!</span>
          </strong>
        </div>
      </div>

      <div class="project-card">
        <div class="ptoject-image">
          <img src="mh.jpeg" alt="">
        </div>
        <div class="project-info">
          <p class="project-category">Thông tin</p>
          <strong class="project-title">
            <span>Ghi thêm!!!!</span>
          </strong>
        </div>
      </div>

      <div class="project-card">
        <div class="ptoject-image">
          <img src="mh.jpeg" alt="">
        </div>
        <div class="project-info">
          <p class="project-category">Thông tin</p>
          <strong class="project-title">
            <span>Ghi thêm!!!!!!</span>
          </strong>
        </div>
      </div>
    </div>
  </section>


  <footer class="footer">

    <p class="footer-title ">Copyrights@<span>TranNgocHai</span></p>
    <div class="social-icon">
      <a href="https://www.facebook.com/hai2108"><i class="fa-brands fa-facebook-square"></i></a>
      <a href="#"><i class="fa-brands fa-instagram"></i></a>
      <a href="#"><i class="fa-brands fa-twitter"></i></a>
      <a href="#tiktok.com/link"><i class="fa-brands fa-tiktok"></i></a>
    </div>
  </footer>

</body>

</html>