-
Notifications
You must be signed in to change notification settings - Fork 0
/
tag.html
130 lines (108 loc) · 4.41 KB
/
tag.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TheEvent - Bootstrap Event Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/venobox/venobox.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!--==========================
Header
============================-->
<header id="header" class="header-fixed">
<div class="container">
<div id="logo" class="pull-left">
<!-- Uncomment below if you prefer to use a text logo -->
<!-- <h1><a href="#main">C<span>o</span>nf</a></h1>-->
<a href="index.html#intro" class="scrollto"><img src="img/logo.png" alt="" title=""></a>
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="menu-active"><a href="#intro">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#speakers">Speakers</a></li>
<li><a href="index.html#schedule">Schedule</a></li>
<li><a href="index.html#venue">Venue</a></li>
<li><a href="index.html#hotels">Hotels</a></li>
<li><a href="index.html#gallery">Gallery</a></li>
<li><a href="index.html#supporters">supporters</a></li>
<li><a href="index.html#contact">Contact</a></li>
<li class="buy-tickets"><a href="index.html#buy-tickets">Buy Tickets</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</header><!-- #header -->
<section id="subscribe">
<div style="margin-top: 10%;">
</div>
<div class="container wow fadeInUp">
<div class="section-header">
<h2>Tags Selector</h2>
<p>Select your favorite tags which define you the best.</p>
</div>
<div class="col-auto button-added" id="tags">
</div>
<div class="form-row justify-content-center">
<div class="col-auto">
<input list="browsers" id="inp" name="browser">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
</div>
<div class="col-auto">
<button onclick="myFunction()">Submit</button>
</div>
</div>
<form action="#" method="POST">
<textarea name="selections" id="alltext" style="display: none;" ></textarea>
<button class="col-md-4 col-lg-2 btn-block">Get Started</button>
</form>
</div>
</section>
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<script>
function myFunction(event) {
var t=document.getElementById("tags");
var btn = document.createElement("BUTTON");
btn.innerHTML = document.getElementById("inp").value;
t.appendChild(btn);
document.getElementById("alltext").value += btn.innerHTML +" ";
document.getElementById('inp').value = ''
}
</script>
<!-- JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/superfish/hoverIntent.js"></script>
<script src="lib/superfish/superfish.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/venobox/venobox.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
</body>
</html>