-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (124 loc) · 6.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="./images/logo-logo-03.png" type="image/png" sizes="16x16">
<title>Welcome to TUP Web!</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css">
<link rel="stylesheet" href="./styles/style.css">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxy/1.6.1/scripts/jquery.ajaxy.min.js"></script>
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
</head>
<body>
<div class="mt-0 section-one">
<div class="sec-one">
<div class="content">
<div class="logo">
<img src="./images/logo-logo-03.png" alt="logo" width="100px">
</div>
<div data-aos="fade-up" data-aos-duration="2000" class="flex align-center justify-center pt-20 pb-1 text-white heading-logo">
<h3>
The Unpretentious Web
</h3>
</div>
<form class="p-10 m-5 flex justify-center items-center input-email" action="https://formspree.io/xqkgzvgp"
method="POST">
<input class="flex-1 max-w-lg rounded-full p-5 input-text" placeholder="Email address" type="email" name="email">
<button class="flex-1 max-w-md absolute bg-orange-500 rounded-full btn p-4" type="submit" id="my-form-button">GET STARTED!</button>
<p id="my-form-status"></p>
</form>
<div class="intro-container">
<div class="intro-heading p-5 flex justify-center">
Why TUPWEB?
</div>
<div class="center-align text-xl intro-main">
🔥 Open-source community exclusively for <b>beginners</b> <br>
📢 <b>QnA sessions</b> with Mentors and Experts <br>
⚡ Talks and Webinars (from <b>Google</b>, <b>Microsoft</b> and more) <br>
⭐ <b>Exclusive</b> learning resources, find job oppurtunities, latest tech news and more. <br>
☀️ Earn badges, certificates and true <b>reputation</b>. <br>
☄️ <b>Boost</b> your network and skills! <br>
💜 Networking and Continuous <b>support</b> from <em>mentors around the globe.</em> <br>
💻 Slack and Discord access! <br>
🚀 <b>All in a single spaceship of TUPWEB</b> <br>
</div>
<p>
The Unpretentious Web is an initiative to focus on productive skills for web development. Due to amid outbreak of COVID-19, most of us are sitting at home pausing all the outdoor activities. It's the right time to learn, explore collaborate and contribute. An Open-source web developer community exclusively for beginners. Connect people, post your questions and mentor your peers, all in a single spaceship. Get access to resources, links, PDFs and space to make your own projects, discuss ideas and collaborate with others.
</p>
</div>
<div class="section-card">
<div class="card">
<a target="_blank" href="https://discord.gg/twQy6SR">
<i class="fab fa-discord"></i>
</a>
</div>
<div class="card">
<a target="_blank" href="https://github.com/theupweb">
<i class="fab fa-github"></i>
</a>
</div>
<div class="card">
<a target="_blank" href="https://www.linkedin.com/company/tupweb/">
<i class="fab fa-linkedin"></i>
</a>
</div>
<div class="card">
<a target="_blank" href="https://t.me/joinchat/AAAAAFFEvhNIJ-xf8TCp4Q">
<i class="fab fa-telegram"></i>
</a>
</div>
<div class="card">
<a target="_blank" href="https://chat.whatsapp.com/LbDXnbvDW0bF7c9Zi4GfWR">
<i class="fab fa-whatsapp-square"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<script>
AOS.init();
</script>
<script>
window.addEventListener("DOMContentLoaded", function() {
// get the form elements defined in your form HTML above
var form = document.getElementById("my-form");
var button = document.getElementById("my-form-button");
var status = document.getElementById("my-form-status");
// Success and Error functions for after the form is submitted
function success() {
form.reset();
button.style = "display: none ";
status.innerHTML = "Thanks! You will be receiving an inviation mail soon. Happy coding";
}
function error() {
status.innerHTML = "Oops! There was a problem. Please mail us to [email protected]";
}
// handle the form submission event
form.addEventListener("submit", function(ev) {
ev.preventDefault();
var data = new FormData(form);
ajax(form.method, form.action, data, success, error);
});
});
// helper function for sending an AJAX request
function ajax(method, url, data, success, error) {
var xhr = new XMLHttpRequest();
xhr.open(method, url);
xhr.setRequestHeader("Accept", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState !== XMLHttpRequest.DONE) return;
if (xhr.status === 200) {
success(xhr.response, xhr.responseType);
} else {
error(xhr.status, xhr.response, xhr.responseType);
}
};
xhr.send(data);
}
</script>
</body>
</html>