This repository was archived by the owner on Jan 5, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmemberRegistration.html
150 lines (133 loc) · 7.48 KB
/
memberRegistration.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
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth;">
<!-- Required meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-1GBR4J4Y1D"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-1GBR4J4Y1D');
</script>
<script src="./lib/tw-elements/dist/js/index.min.js"></script>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
<title>IEEE SBUI</title>
<!-- Icon -->
<link rel="stylesheet" type="text/css" href="assets/css/LineIcons.2.0.css">
<!-- Animate -->
<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
<!-- Tiny Slider -->
<link rel="stylesheet" type="text/css" href="assets/css/tiny-slider.css">
<!-- Tailwind css -->
<link rel="stylesheet" type="text/css" href="assets/css/tailwind.css">
<!-- Other CSS-->
<link href="/dist/output.css" rel="stylesheet">
<!-- Custom CSS-->
<link href="/src/custom.css" rel="stylesheet">
<!-- Font Butler -->
<link rel="stylesheet" type="text/css" href="assets/fonts/Butler_Webfont/stylesheet.css">
</head>
<body>
<!-- Header Area wrapper Starts -->
<header id="header-wrap" class="relative">
<!-- Navbar Start -->
<div class="navigation fixed top-0 left-0 w-full z-30 duration-300">
<div class="container">
<nav class="navbar py-2 navbar-expand-lg flex justify-between items-center relative duration-300">
<a class="navbar-brand pl-4" href="index.html">
<img src="assets/img/logo/ieee-ui-resized-blue.png" alt="IEEE SB UI">
</a>
<button class="navbar-toggler focus:outline-none block lg:hidden" type="button"
data-toggle="collapse" data-target="#navbarSupportedContent" aria-cont
rols="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse hidden lg:block duration-300 shadow absolute top-100 left-0 mt-full bg-white z-20 px-5 py-3 w-full lg:static lg:bg-transparent lg:shadow-none"
id="navbarSupportedContent">
<ul class="navbar-nav mr-auto justify-center items-center lg:flex">
<li class="nav-item">
<a class="nav-team" href="index.html#hero-area">Home</a>
</li>
<li class="nav-item">
<a class="nav-team" href="index.html#about-us">About</a>
</li>
<li class="nav-item">
<a class="nav-team" href="index.html#divisions">Divisions</a>
</li>
<li class="nav-item">
<a class="nav-team" href="index.html#benefits">Benefits</a>
</li>
<li class="nav-item">
<a class="nav-team" href="team.html">Our Team</a>
</li>
<li class="nav-item">
<a class="nav-team"
onclick="window.open('https://remote-lib.ui.ac.id:2147/Xplore/home.jsp', '_blank')">IEEE
Xplore UI</a>
</li>
<li class="nav-item lg:hidden">
<a class="page-scroll active" href="memberRegistration.html">Register</a>
</li>
</ul>
</div>
<div class="header-btn hidden sm:block sm:absolute sm:right-0 pr-10 sm:mr-16 lg:static lg:mr-0">
<a class="text-blue-800 border border-blue-800 px-10 py-3 rounded-full duration-300 hover:bg-blue-600 hover:text-white"
href="memberRegistration.html">Register</a>
</div>
</nav>
</div>
</div>
<!-- Navbar End -->
</header>
<!-- Header Area wrapper End -->
<!-- Member Registration Start -->
<section id="member-registration">
<div class="two-circle wow fadeInUp" data-wow-delay="0.7s">
<img class="img-fluid" src="assets/img/decor/two-circle.png" alt="">
</div>
<div class="two-lines wow fadeInUp" data-wow-delay="1.1s">
<img class="img-fluid" src="assets/img/decor/two-lines.png" alt="">
</div>
<h2 class="regist-title text-xl sm:text-xl md:text-4xl 2xl:text-6xl wow fadeInUp" data-wow-delay="1s">
IEEE MEMBERSHIP REGISTRATION
</h2>
<div class="register-container bottom-[35%] md:bottom-[10vh] w-[80%] md:w-[55vw] h-auto p-8 md:p-12 text-center rounded-lg wow fadeInDown"
data-wow-delay="1.4s">
<div class="text-white wow fadeInLeft" data-wow-delay="1.8s">
<h2 id="tagline" class="font-semibold text-xl md:text-4xl mb-4">Join IEEE Membership</h2>
<br><br>
<div class="flex space-x-10 2xl:space-x-60 md:space-x-20 justify-center">
<button type="button" data-mdb-ripple="true" data-mdb-ripple-color="light"
class="inline-block px-6 py-2 2xl:px-6 2xl:py-2.5 md:px-4 md:py-2.5 bg-orange-400 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-orange-500 hover:shadow-lg focus:bg-orange-500 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-orange-600 active:shadow-lg transition duration-150 ease-in-out wow fadeInLeft"
data-wow-delay="2s"
onclick="window.open('https://www.ieee.org/membership-application/public/join.html', '_blank')">
As Professional</button>
<button type="button" data-mdb-ripple="true" data-mdb-ripple-color="light"
class="inline-block 2xl:px-6 2xl:py-2.5 md:px-4 md:py-2.5 bg-orange-400 text-white font-medium text-xs leading-tight uppercase rounded shadow-md hover:bg-orange-500 hover:shadow-lg focus:bg-orange-500 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-orange-600 active:shadow-lg transition duration-150 ease-in-out wow fadeInLeft"
data-wow-delay="2.2s"
onclick="window.open('https://www.ieee.org/membership-application/public/join.html?grade=Student', '_blank')">
As Student
</button>
</div>
</div>
</div>
</section>
<!-- Member Registration End-->
<div id="testimonials" class="testimonials"></div>
<div class="portfolio-carousel"></div>
<!-- Preloader -->
<!-- <div id="preloader">
<div class="loader" id="loader-1"></div>
</div> -->
<!-- End Preloader -->
<!-- All js Here -->
<script src="assets/js/wow.js"></script>
<script src="assets/js/tiny-slider.js"></script>
<script src="assets/js/contact-form.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>