-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (155 loc) · 6.35 KB
/
index.html
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<title>Thành Luân</title>
<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="shortcut icon" href="images/logo.jpg" />
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- font awesome css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
<!--aos css-->
<link rel="stylesheet" href="css/aos.css">
<!-- style css -->
<link rel="stylesheet" href="css/style.css">
</head>
<body onload="getJson();notificationMe();">
<!-- start header -->
<header>
<nav class="navbar navbar-expand-lg px-4">
<a href="https://thanhluan.cf" class="title navbar-brand">
Luân
</a>
<button onclick="toggleMenu(this)" class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#main-menu">
<span class="toggler-icon"><i class="fas fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse" id="main-menu">
<ul class="navbar-nav mx-auto text-capitalize">
<li class="nav-item active" onclick="activeMenu(this)">
<a href="https://thanhluan.cf" class="nav-link">trang chủ</a>
</li>
<li class="nav-item" onclick="activeMenu(this)">
<a href="#about" class="nav-link">về tôi</a>
</li>
<li class="nav-item" onclick="activeMenu(this)">
<a href="#img-me" class="nav-link">hình ảnh</a>
</li>
<li class="nav-item" onclick="activeMenu(this)">
<a href="https://www.instagram.com/luanit96" target="_blank" class="nav-link">instagram</a>
</li>
<li class="nav-item" onclick="activeMenu(this)">
<a href="https://facebook.com/luanit96" target="_blank" class="nav-link">facebook</a>
</li>
<li class="nav-item" onclick="activeMenu(this)">
<a href="https://www.facebook.com/Nguyễn-Thành-Luân-109436803722944" target="_blank" class="nav-link">fanpage</a>
</li>
<li class="nav-item" onclick="activeMenu(this)">
<a href="https://github.com/luanit96" target="_blank" class="nav-link">github</a>
</li>
<li class="nav-item" onclick="activeMenu(this)">
<a href="#store" class="nav-link">store</a>
</li>
</ul>
<div class="nav-info-items d-none d-lg-flex ">
<div class="nav-info align-items-center d-flex justify-content-between mx-lg-5">
<span class="info-icon mx-lg-3"><i class="fas fa-phone"></i></span>
<p class="mb-0">+84 965 522 XXX</p>
</div>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row max-height justify-content-center align-items-center">
<div class="col-10 mx-auto banner text-center">
<h1 class="text-capitalize"><strong class="banner-title ">Nguyễn Thành Luân</strong></h1>
<a href="https://facebook.com/luanit96" target="_blank" class="btn banner-link text-uppercase my-2">facebook</a>
</div>
</div>
</div>
</header>
<!-- end header -->
<!-- start about -->
<section class="about py-5" id="about">
<div class="container">
<div class="row">
<div class="col-10 mx-auto col-md-6 my-5" data-aos="fade-right" data-aos-offset="300"
data-aos-easing="ease-in-sine">
<h1 class="text-capitalize">về <strong class="banner-title ">tôi</strong></h1>
<p class="my-4 text-muted w-75">Tôi là một người đam mê máy tính
và thế giới web, tôi hâm mộ Google, Facebook cũng như mọi website mang
lại lợi ích và kết nối mọi người. Tôi đang ngày càng cố gắng từng
bước xây dựng những trang web thân thiện, những giao diện đẹp dù
những gì tôi đã làm được rất nhỏ bé.</p>
<a href="https://facebook.com/luanit96" class="btn btn-outline-secondary btn-black text-uppercase ">liên hệ
với tôi</a>
</div>
<div class="col-10 mx-auto col-md-6 align-self-center my-5" data-aos="flip-left"
data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<div class="about-img__container">
<img src="images/about.jpg" class="img-fluid" alt="about">
</div>
</div>
</div>
</div>
</section>
<!-- end about -->
<!-- start image-me -->
<section id="img-me" class="image-me py-5">
<div class="container">
<div class="row">
<div class="col-10 mx-auto col-sm-6 text-center" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">
<h1 class="text-capitalize">hình ảnh của <strong class="banner-title ">tôi</strong></h1>
</div>
</div><!--end row-->
<div class="row" id="image-items">
</div><!--end row-->
</div><!--end container-->
</section>
<!-- end image-me -->
<!-- start store -->
<section id="store" class="store py-5">
<div class="container">
<div class="row">
<div class="col-10 mx-auto col-sm-6 text-center" data-aos="fade-right" data-aos-offset="300" data-aos-easing="ease-in-sine">
<h1 class="text-capitalize">download windows <strong class="banner-title ">ghost</strong></h1>
</div>
</div>
<div class="row">
<div class="col-10 mx-auto col-md-6">
<form onsubmit="return onSubmitForm()">
<div class="input-group mb-3">
<div class="input-group-prepend ">
<span class="input-group-text search-box" id="search-icon"><i class="fas fa-search"></i></span>
</div>
<input type="text" class="form-control" placeholder="search..." id="keyword" onkeyup="search()">
</div>
</form>
</div>
</div>
<div class="row" class="store-items" id="store-items">
</div>
</section>
<!-- end store -->
<!-- start footer -->
<footer class="pt-3">
<p class="text-center">Design by Thành Luân</p>
<button onclick="moveTop()" id="moveTop" title="Go to top">
<i class="fas fa-angle-double-up"></i>
</button>
</footer>
<!-- end footer -->
<!-- jquery -->
<script src="js/jquery-3.3.1.min.js"></script>
<!-- bootstrap js -->
<script src="js/bootstrap.bundle.min.js"></script>
<!-- aos js -->
<script src="js/aos.js"></script>
<!--sweet alert js-->
<script src="js/sweetalert.min.js"></script>
<!-- script js -->
<script src="js/app.js"></script>
</body>
</html>