greyhub.github.io/index.html at main · greyhub/greyhub.github.io · 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
<!doctype html>
<html class="no-js" lang="en">

<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>
		GREY
	</title>
	<link rel="shortcut Icon" href="./assets/images/thamp2.png" type="images/png">
	<!-- Bootstrap-5 CSS -->
	<link rel="stylesheet" href="./assets/css/bootstrap.min.css">
	<!-- wow Animation  -->
	<link rel="stylesheet" href="./assets/css/animate.css">
	<!--  Flat Icon CSS -->
	<link rel="stylesheet" href="./assets/font/flaticon.css">
	<!--  BoxIcons CSS -->
	<link rel="stylesheet" href="./assets/css/boxicons.css">
	<!-- Custom CSS -->
	<link rel="stylesheet" href="./assets/css/main.css">
	<link rel="stylesheet" href="./assets/css/responsive.css">

</head>

<body class="active">
	<!-- Start Preloader Area -->
	<div class="preloader">
		<div class="loader">
			<div class="bar1 bar"></div>
			<div class="bar2 bar"></div>
			<div class="bar3 bar"></div>
			<div class="bar4 bar"></div>
			<div class="bar5 bar"></div>
			<div class="bar6 bar"></div>
		</div>
	</div>
	<!-- End Preloader Area -->
	<div class="main-wrapper">
		<!-- Header top Area -->
		<div class="header-top d-none d-md-block">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-8 col-md-8 col-sm-6 col-xs-6">
						<ul class="topbar-social-icon d-flex justify-content-start">
							<li><a href="https://www.linkedin.com/in/greyng/"><i class='bx bxl-linkedin'></i></a></li>
							<li><a href="https://www.facebook.com/luongnv.grey/"><i class='bx bxl-facebook'></i></a></li>
							<li><a href="https://github.com/greyhub"><i class='bx bxl-github'></i></a></li>
							<li><a href="https://www.youtube.com/@luong5933"><i class='bx bxl-youtube'></i></a></li>
						</ul>
					</div>
					<div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
						<ul class="topbar-support screen-xl d-flex align-items-center">
							<li> <a href="tel:+84962037205"><i class="flaticon-call"></i> <span
										id="phone-number"></span> </a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- Header top Area End -->

		<!-- header area start -->
		<my-header></my-header>
		<!--  header area end -->

		<!-- Slider area start -->
		<my-slider></my-slider>
		<!-- Slider area End -->

		<!-- About us area start -->
		<my-about></my-about>
		<!-- About us area End -->

		<!-- Experience area start -->
		<my-experiences></my-experiences>
		<!-- Experience b area End -->

		<!-- Services area start -->
		<my-service></my-service>
		<!-- Services area End -->

		<!-- Portfolil area start -->
		<!-- <my-portfolio></my-portfolio> -->
		<!-- Portfolio area End -->

		<!-- Blog area start -->
		<!-- <my-blog></my-blog> -->
		<!-- Blog area End -->

		<!-- Contact area start -->
		<my-contact></my-contact>
		<!-- Contact area End -->

		<!-- footer area start -->
		<my-footer></my-footer>
		<!-- footer area end -->
	</div>

	<!--Javascript -->
	<script src="./assets/js/jquery-2.2.4.min.js"></script>
	<script src="./assets/js/jquery.min.js"></script>
	<script src="./assets/js/wow.min.js"></script>
	<script src="./assets/js/bootstrap.min.js"></script>
	<script src="./assets/js/popper.min.js"></script>
	<script src="./assets/js/isotope.pkgd.min.js"></script>
	<!-- Custom JavaScript -->
	<script src="./assets/js/info.js"></script>
	<script src="./assets/js/components/my-header.js"></script>
	<script src="./assets/js/components/my-slider.js"></script>
	<script src="./assets/js/components/my-about.js"></script>
	<script src="./assets/js/components/my-service.js"></script>
	<script src="./assets/js/components/my-portfolio.js"></script>
	<script src="./assets/js/components/my-blog.js"></script>
	<script src="./assets/js/components/my-contact.js"></script>
	<script src="./assets/js/components/my-experiences.js"></script>
	<script src="./assets/js/components/my-footer.js"></script>
	<script src="./assets/js/app.js"></script>
	<script src="./assets/js/info-fill.js"></script>

	<script>
		$(function () {
			$('[data-toggle="tooltip"]').tooltip()
		})
	</script>
</body>

</html>