-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
120 lines (117 loc) · 7.34 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Lisingo</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
</head>
<header>
<ul class="nav fixed-top">
<li class="nav-item">
<a id="logo" class="nav-link" href="index.html">Lisingo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="the_idea.html">The Idea</a>
</li>
<li class="nav-item">
<a class="nav-link" href="how_it_works.html">How It Works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="who_we_are.html">Who We Are</a>
</li>
</ul>
</header>
<body>
<div class="container">
<div class="page_header">
<h1>Lisingo</h1>
</div>
<div class="subContainer1">
<h2>The new name in text-to-voice streaming</h2>
</div>
<div class="searchBar">
<input id="searchBar" type="search" placeholder="Search" name="searchUrl" data-toggle="modal"> <br>
</div>
<!-- <div class="submit">
<input type="button" class="btn btn-primary" value="Search">
</div> -->
<div class="mailChimpButton">
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://lisingo.us18.list-manage.com/subscribe/post?u=5e522d37e4d57f41be1f1aa77&id=eff4f2843a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_5e522d37e4d57f41be1f1aa77_eff4f2843a" tabindex="-1" value=""></div>
<div class="clear"><input id="searchButton" type="button" class="btn btn-primary" value="Search" data-toggle="modal" data-target="#exampleModalCenter"> <input type="submit" class="btn btn-primary" value="Learn More" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
</div>
<!--End mc_embed_signup -->
<!-- Bootstrap Modal -->
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title" id="exampleModalCenterTitle">User Information</h2>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="containter">
<form id="search-form" method="post">
<div class="form_line">
<h4 id="form_url">
</h4>
</div>
<div class="form_line">
<h3>Email</h3>
<input id="email_input" name="email" value="" placeholder="[email protected]" autocomplete="email" required type="text">
</div>
<!-- <div class="form_line">
<h3>Phone</h3>
<input id="phone-number" name="phone" type="tel" placeholder="(XXX) XXX-XXXX" autocomplete="tel" required>
</div> -->
<div class="form_line">
<h3>Voice Selection</h3>
<select id="voice" name="voice" style="height:30px;" required>
<option value="Ivy">Ivy</option>
<option value="Joanna" selected>Joanna</option>
<option value="Joey">Joey</option>
<option value="Justin">Justin</option>
<option value="Kendra">Kendra</option>
<option value="Kimberly">Kimberly</option>
<option value="Matthew">Matthew</option>
<option value="Salli">Salli</option>
</select>
</div>
<input id="url_search" type="text" name="url_search" hidden>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button id="submitButton" type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</div>
<!--End Bootstrap Modal -->
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>