-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
82 lines (73 loc) · 3.91 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
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="Description" content="This repository contain different JavaScript Project The goal of this project is make interesting JavaScript Example or Project,
Feel free to contribute,
Make sure to follow the contribution guidelines listed below.">
<meta name="Keywords" content="JavaScript">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css"
integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w=="
crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
<link rel="stylesheet" href="style.css">
<title>Let's Build Together</title>
</head>
<body class="text-white antialiased">
<nav class="top-0 absolute z-50 w-full flex flex-wrap items-center justify-between px-2 py-3 navbar-expand-lg">
<div class="container px-4 mx-auto flex flex-wrap items-center justify-between">
<div class="w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start">
<a class="text-sm font-bold leading-relaxed inline-block mr-4 py-2 whitespace-no-wrap uppercase text-white"
href="index.html"> Let's Build
Together</a>
</div>
</div>
</nav>
<main>
<div class="relative pt-16 pb-32 flex content-center items-center justify-center" style="min-height: 95vh">
<div class="absolute top-0 w-full h-full bg-top bg-cover" style="
background-image: url('https://images.unsplash.com/photo-1527427337751-fdca2f128ce5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80');
">
<span id="blackOverlay" class="w-full h-full absolute opacity-75 bg-black"></span>
</div>
<div class="container relative mx-auto" data-aos="flip-up">
<div class="items-center flex flex-wrap">
<div class="w-full lg:w-6/12 px-4 ml-auto mr-auto text-center">
<div>
<h1 class="text-white font-semibold text-5xl text-rotate"><i
class="fas fa-laptop-code text-blue-500 animate-bounce "></i> Let's Build <i class="fas fa-users animate-pulse text-green-500"></i>
<span class="text-orange-500 animate-pulse text-rotater__wrap"> Together</span></h1>
</section>
</div>
</div>
</div>
</div>
<div class="top-auto bottom-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden"
style="height: 70px; transform: translateZ(0px)">
<svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"
version="1.1" viewBox="0 0 2560 100" x="0" y="0">
<polygon points="2560 0 2560 100 0 100"></polygon>
</svg>
</div>
</div>
<section class="bg-black">
<div id="loading" class="block w-20 h-20 m-auto border-t-2 border-b-2 border-purple-500 rounded-full animate-spin"></div>
<div id="profile-cards" class="flex flex-wrap justify-center" data-aos="fade-down"> </div>
</main>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<!-- <script src="assets/js/script.js"></script> -->
<script src="assets/js/ProjectAdd.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"
integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw=="
crossorigin="anonymous"></script>
<script>
AOS.init({
delay: 200,
duration: 1200,
once: false,
})
</script>
</body>
</html>