-
Notifications
You must be signed in to change notification settings - Fork 1
/
SurveyMonkey.html
202 lines (200 loc) · 9.23 KB
/
SurveyMonkey.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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>How SurveyMonkey Works: Get Started for Free | SurveyMonkey</title>
<script
src="https://kit.fontawesome.com/fb700f3d70.js"
crossorigin="anonymous"
> </script>
<link rel="stylesheet" href="styles/navbar.css" />
<link rel="stylesheet" href="styles/SurveyMonkey.css">
<link rel="stylesheet" href="./styles/">
</head>
<body>
<nav></nav>
<!-- <div id="navbar"></div> -->
<div id="surveyM-div1">
<div class="surveyM-innerDiv1">
<div class="feedback">
<h1 class="surveyM-heading">Turn feedback into action</h1>
<p class="surveyM-paraHead">Our survey platform makes it easy to measure and understand feedback so you can drive growth and innovation.</p>
<button class="surveyM-proSignUp">Pro Sign Up</button>
<button class="surveyM-signUp">Sign up free</button>
</div>
</div>
<div class="surveyM-innerDiv2">
<img src="https://prod.smassets.net/assets/cms/sm/uploads//mp-takeatour-hero-v3.jpg" alt="">
</div>
</div>
<div id="plans">
<h2>Choose from our most popular plans</h2>
</div>
<div id="plansText">
<p>Get an individual plan with features that fit your needs, or create a team instead!</p>
</div>
<div id="planChart">
<div class="planChart-1">
<div class="indiAd1">
<h3>Individual Advantage</h3>
</div>
<div class="indiAd2">
<h3>₹1,999</h3>
<p>/ month</p>
<p>Billed $384 annualy</p>
</div>
<div class="indiAd3" >
<button>See all features</button>
</div>
<div class="indiAd4" style="padding: 2% 4% 2% 4%;">
<p>Tools to help individuals create, send, and analyze surveys—in a snap.</p>
</div>
</div>
<div class="planChart-2">
<div class="teamAd1">
<h3>Team Advantage</h3>
</div>
<div class="teamAd2">
<h3>₹1,550</h3>
<p>per user / month</p>
<p>Starting at 3 uses, billed annualy</p>
</div>
<div class="teamAd3">
<button>See all features</button>
</div>
<div class="teamAd4" style="padding: 2% 4% 2% 4%;">
<p>Collaboration tools and survey features that help your team work more efficiently.</p>
</div>
</div>
<div class="planChart-3">
<div class="teamPre1">
<h3>Team Premier</h3>
</div>
<div class="teamPre2">
<h3>₹3,880</h3>
<p>per user / month</p>
<p>Starting at 3 uses, billed annualy</p>
</div>
<div class="teamPre3">
<button>See all features</button>
</div>
<div class="teamPre4" style="padding: 2% 4% 2% 4%;">
<p>Our best team features to launch advanced surveys and analyze results quickly.</p>
</div>
</div>
</div>
<div id="solution">
<h2>Need an enterprise-grade solution?</h2>
</div>
<div id="solution-para">
<p>SurveyMonkey Enterprise empowers organizations to gain insights from customers, employees, and the market—securely and at scale.</p>
</div>
<div id="contactUs">
<div class="contactUs-1">
<div class="contactUs-1-1">
<h1 style="font-weight: bolder; margin: 10px;">Contact us today</h1>
<p style="font-weight: lighter; margin: 10px;">Learn more about SurveyMonkey Enterprise and schedule a demo.</p>
<p class="listPoint">• Manage multiple users and gain visibility into all survey data collected across your organization with admin controls and dashboards.</p>
<p class="listPoint">• Ensure confidential data is protected with enhanced security including encryption, SSO, and features that help you remain compliant with HIPAA and GDPR.</p>
<p class="listPoint">• Make feedback automated and actionable by connecting to key business systems using APIs and powerful integrations, including Salesforce, Marketo, Tableau, and more.</p>
</div>
</div>
<div class="contactUs-2">
<p>First Name *</p>
<input type="text" id="requiredInfo">
<p>Last Name *</p>
<input type="text" id="requiredInfo">
<p>Business email *</p>
<input type="text" id="requiredInfo">
<p>Job title *</p>
<input type="text" id="requiredInfo">
<p>Company *</p>
<input type="text" id="requiredInfo">
<p>Phone number *</p>
<input type="text" id="requiredInfo">
<p>Country</p>
<select id="requiredInfo">
<option value="">United States</option>
<option value="">Canada</option>
<option value="">United Kingdom</option>
<option value="">India</option>
<option value="">Srilanka</option>
<option value="">Austrailia</option>
<option value="">England</option>
<option value="">NewZealand</option>
<option value="">South Africa</option>
<option value="">West Indies</option>
<option value="">Afghanistan</option>
<option value="">Bangladesh</option>
<option value="">Cameroon</option>
</select>
<p class="checkBox">
<input type="checkbox">I wish to receive other information about Momentive like product updates, news, information, and special promotions.
Visit the Privacy Notice for information on how we use your information.
You can unsubscribe anytime using a link at the bottom of our communications.
By clicking 'Contact sales', I agree to use of my details to contact me about my specific request or inquiry.
</p>
<button>Contact Sales</button>
</div>
</div>
<div id="howSMworks">
<h1>How SurveyMonkey Works</h1>
</div>
<div id="how-SM-Works">
<div class="how-SM-Works-1">
<img src="https://prod.smassets.net/assets/cms/sm/uploads//mp-takeatour-videobg-v4.jpg" alt="">
</div>
<div class="how-SM-Works-2">
<p class="how-SM-Works-2-heading">Gather opinions and uncover powerful insights.</p>
<p class="how-SM-Works-2-heading-listing">
<p>1. Easily create surveys, quizzes, and polls for any audience.</p>
<p>2. Gather feedback via weblink, email, mobile chat, social media, and more.</p>
<p>3. Automatically analyze your results and get powerful analysis features.</p>
<p>4. Export your results or integrate your data with your favorite apps.</p>
<p>5. Use your insights to make better, data-driven decisions.</p>
</p>
</div>
</div>
<div id="buildSuccess">
<h1>Built to drive your success</h1>
</div>
<div id="buildSuccess-para">
<p>Our powerful features help you design surveys with confidence and maximize your data’s potential.</p>
</div>
<div id="whyRelyOnSM">
<div class="mainSM">
<div class="whyRely-1">
<img src="https://prod.smassets.net/assets/cms/sm/uploads//TaT-social-proof.png" alt="">
</div>
<div class="whyRely-2">
<img src="https://prod.smassets.net/assets/cms/sm/uploads//mp-takeatour-testimonialgoldie.png" alt="">
<h2>Learn why leading organizations rely on SurveyMonkey</h2>
<p>See how SurveyMonkey is helping more than 300,000 organizations gather and measure feedback, so they can make better decisions and drive impact.</p>
<button>Learn More</button>
</div>
<div class="whyRely-3">
<div class="intuit">
<img id="com" src="https://prod.smassets.net/assets/cms/sm/uploads//mp-takeatour-logointuit.png" alt="intuit">
</div>
<div class="box">
<img id="com" src="https://prod.smassets.net/assets/cms/sm/uploads//03_box.png" alt="box">
</div>
<div class="johnson">
<img id="com" src="https://prod.smassets.net/assets/cms/sm/uploads//05_JJ.png" alt="johnson">
</div>
<div class="cisco">
<img id="com" src="https://prod.smassets.net/assets/cms/sm/uploads//mp-takeatour-logocisco.png" alt="cisco">
</div>
</div>
</div>
</div>
<div id="getStarted">
<h2>Ready to see how SurveyMonkey works?</h2>
<button>Get Started</button>
</div>
</body>
<script type="module" src="scripts/navbar.js"></script>
<script src="scripts/SurveyMonkey.js"></script>
</html>