-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
354 lines (336 loc) · 26.1 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
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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="homepage.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>Mailtrap</title>
</head>
<body>
<!--Header part is for head section in which website logo and navigation menus are there-->
<header class="header">
<div class="header_container">
<a href="index.html">
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-a902bbfd8e70556d8631.svg" alt="logo">
</a>
<nav class="header_nav">
<div class="menu_nav">
<div>
<a class="menu_nav_bloc" id="hw" href="howitworks.html">
HOW IT WORKS
</a>
</div>
<div>
<a class="menu_nav_bloc" id="pr" href="#">
PRICING
</a>
</div>
<div>
<a class="menu_nav_bloc" id="ap" href="#">
API
</a>
</div>
<div>
<a class="menu_nav_bloc" id="bl" href="#">
BLOG
</a>
</div>
<div>
<a class="menu_nav_bloc" id="fa" href="faq.html">
FAQ
</a>
</div>
<div>
<a class="menu_nav_bloc button" id="lg" href="login.html">
Log In
</a>
</div>
<div>
<a class="menu_nav_bloc button shadow" id="sg" href="signup.html">
Sign up
</a>
</div>
</div>
</nav>
</div>
</header>
<!--Upper introduction part start from here-->
<div class="intro_box">
<div class="intro">
<div class="intro_container">
<h1>Safe Email Testing for Staging & Development</h1>
<p>Inspect and debug your email samples before delivering them to your customers.</p>
<div>
<a href="signup.html" class="signup_button shadow">Sign Up Now</a>
<!--viedo play button left here-->
</div>
</div>
<div>
<div>
<img src="https://assets.mailtrap.io/packs/assets/landing/intro-schema-desktop-dc27bb610676011e1220.svg" alt="introcartoon">
</div>
</div>
</div>
<div class="promo">
<h2 class="promo_text">
Whether you are developer, QA, or PM,<br> Mailtrap has the
tools for you
to help<br> building great email functionality
</h2>
</div>
</div>
<!--third section start from here-->
<div class="easy_setup">
<div class="easy_setup_intro_conatiner">
<h1 class="easy_setup_intro_title">Mailtrap Setup is Easy</h1>
<div class="setup_steps">
<div>
<div>
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NiA2NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iI0ZGRiIgY3g9IjMzIiBjeT0iMzMiIHI9IjMzIi8+PHBhdGggZD0iTTEzIDMzLjg3NWg3LjI1bDMuMDgzIDQuNjI1aDEyLjMzNGwzLjA4My00LjYyNUg0NmEyIDIgMCAwIDEgMiAydjE2LjA0MmEyIDIgMCAwIDEtMiAySDEzYTIgMiAwIDAgMS0yLTJWMzUuODc1YTIgMiAwIDAgMSAyLTJ6IiBmaWxsPSIjNUFGRkRGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNMzMuNTUzIDMwLjM3NUwzMC40NjkgMzVIMTYuNTMxbC0zLjA4NC00LjYyNUg3YS41LjUgMCAwIDAtLjUuNXYxNi4wNDJhLjUuNSAwIDAgMCAuNS41aDMzYS41LjUgMCAwIDAgLjUtLjVWMzAuODc1YS41LjUgMCAwIDAtLjUtLjVoLTYuNDQ3eiIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2Utd2lkdGg9IjMiLz48cGF0aCBkPSJNMzUgNWgxYTEgMSAwIDAgMSAxIDF2NWExIDEgMCAwIDEtMSAxaC0xYTEgMSAwIDAgMS0xLTFWNmExIDEgMCAwIDEgMS0xem0xMS41IDExLjV2MWExIDEgMCAwIDEtMSAxaC01YTEgMSAwIDAgMS0xLTF2LTFhMSAxIDAgMCAxIDEtMWg1YTEgMSAwIDAgMSAxIDF6bS0zLjIwNy03Ljc5OGwuNjcuNzQ0YTEgMSAwIDAgMS0uMDc0IDEuNDEybC0zLjcxNiAzLjM0NmExIDEgMCAwIDEtMS40MTItLjA3NGwtLjY3LS43NDRhMSAxIDAgMCAxIC4wNzQtMS40MTJsMy43MTYtMy4zNDZhMSAxIDAgMCAxIDEuNDEyLjA3NHoiIGZpbGw9IiM0QTRBNEEiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik0xMy4wNjggMTYuMDUyQTEuNSAxLjUgMCAwIDEgMTQuNSAxNWgxOGExLjUgMS41IDAgMCAxIDEuNDMyIDEuMDUybDcuODY3IDEzLjYyNmExLjUgMS41IDAgMSAxLTIuNTk4IDEuNUwzMS41OTMgMThIMTUuNDA3TDcuOCAzMS4xNzhhMS41IDEuNSAwIDEgMS0yLjU5OC0xLjVsNy44NjctMTMuNjI2eiIgZmlsbD0iIzRBNEE0QSIvPjwvZz48L3N2Zz4=" alt="img1">
</div>
<p>Click Your Demo<br>Inbox</p>
</div>
<div>
<div>
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NiA2NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjMzIiBjeT0iMzMiIHI9IjMzIiBmaWxsPSIjRkZGIi8+PGcgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMjIuNjQ4IDIyaDI2LjcxM2EzIDMgMCAwIDEgMi40NyAxLjI5N2w4Ljk3OCAxMy4wMjJhMyAzIDAgMCAxLS4wMjIgMy40MzhsLTguOTU0IDEyLjYzYTMgMyAwIDAgMS0yLjQ0NyAxLjI2NWgtMjYuNzhhMyAzIDAgMCAxLTIuNDQtMS4yNTNsLTguOTQ0LTEyLjQ4N2EzIDMgMCAwIDEtLjAzOS0zLjQzOWw4Ljk4OC0xMy4xNjVBMyAzIDAgMCAxIDIyLjY0OCAyMnoiIGZpbGw9IiNEQ0JBRkYiLz48cGF0aCBkPSJNMjEuMzA4IDM4LjA3N2EyLjMwOCAyLjMwOCAwIDEgMSAwLTQuNjE1IDIuMzA4IDIuMzA4IDAgMCAxIDAgNC42MTV6bTcuNjkyIDBhMi4zMDggMi4zMDggMCAxIDEgMC00LjYxNSAyLjMwOCAyLjMwOCAwIDAgMSAwIDQuNjE1em03LjY5MiAwYTIuMzA4IDIuMzA4IDAgMSAxIDAtNC42MTUgMi4zMDggMi4zMDggMCAwIDEgMCA0LjYxNXoiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNMTguMzA4IDM2LjA3N2EyLjMwOCAyLjMwOCAwIDEgMSAwLTQuNjE1IDIuMzA4IDIuMzA4IDAgMCAxIDAgNC42MTV6bTcuNjkyIDBhMi4zMDggMi4zMDggMCAxIDEgMC00LjYxNSAyLjMwOCAyLjMwOCAwIDAgMSAwIDQuNjE1em03LjY5MiAwYTIuMzA4IDIuMzA4IDAgMSAxIDAtNC42MTUgMi4zMDggMi4zMDggMCAwIDEgMCA0LjYxNXpNNDYgNWgxYTEgMSAwIDAgMSAxIDF2NWExIDEgMCAwIDEtMSAxaC0xYTEgMSAwIDAgMS0xLTFWNmExIDEgMCAwIDEgMS0xem0xMS41IDExLjV2MWExIDEgMCAwIDEtMSAxaC01YTEgMSAwIDAgMS0xLTF2LTFhMSAxIDAgMCAxIDEtMWg1YTEgMSAwIDAgMSAxIDF6bS0zLjIwNy03Ljc5OGwuNjcuNzQ0YTEgMSAwIDAgMS0uMDc0IDEuNDEybC0zLjcxNiAzLjM0NmExIDEgMCAwIDEtMS40MTItLjA3NGwtLjY3LS43NDRhMSAxIDAgMCAxIC4wNzQtMS40MTJsMy43MTYtMy4zNDZhMSAxIDAgMCAxIDEuNDEyLjA3NHoiIGZpbGw9IiM0QTRBNEEiLz48L2c+PHBhdGggZD0iTTQuNjEgMzMuMzY0bDkuODAzIDEzLjAxYTEuNzUgMS43NSAwIDEgMS0yLjc5NSAyLjEwNkwxLjA4NyAzNC41MDRhMS43NDMgMS43NDMgMCAwIDEtLjM1LTEuMTRjLS4wMi0uMzk2LjA5My0uOC4zNS0xLjE0bDEwLjUzMS0xMy45NzdhMS43NSAxLjc1IDAgMSAxIDIuNzk1IDIuMTA3TDQuNjEgMzMuMzY0eiIgZmlsbD0iIzRBNEE0QSIvPjxwYXRoIGQ9Ik01MC44OSAzMy4zNjRsLTkuODAzIDEzLjAxYTEuNzUgMS43NSAwIDEgMCAyLjc5NSAyLjEwNmwxMC41MzEtMTMuOTc2Yy4yNTctLjM0LjM3LS43NDUuMzUtMS4xNC4wMi0uMzk2LS4wOTMtLjgtLjM1LTEuMTRMNDMuODgyIDE4LjI0NmExLjc1IDEuNzUgMCAxIDAtMi43OTUgMi4xMDdsOS44MDMgMTMuMDF6IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTQ3Ljg5IDMzLjM2NGwtOS44MDMgMTMuMDFhMS43NSAxLjc1IDAgMSAwIDIuNzk1IDIuMTA2bDEwLjUzMS0xMy45NzZjLjI1Ny0uMzQuMzctLjc0NS4zNS0xLjE0LjAyLS4zOTYtLjA5My0uOC0uMzUtMS4xNEw0MC44ODIgMTguMjQ2YTEuNzUgMS43NSAwIDEgMC0yLjc5NSAyLjEwN2w5LjgwMyAxMy4wMXoiIGZpbGw9IiM0QTRBNEEiLz48L2c+PC9zdmc+Cg==" alt="img1">
</div>
<p>Copy / Paste<br>Your<br>Configuration</p>
</div>
<div>
<div>
<img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iNjYiIHZpZXdCb3g9IjAgMCA2NiA2NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iI0ZGRiIgY3g9IjMzIiBjeT0iMzMiIHI9IjMzIi8+PHJlY3QgZmlsbD0iI0ZGRTU0QyIgeD0iMTAuMDQiIHk9IjI3LjA0IiB3aWR0aD0iMzYuOTYiIGhlaWdodD0iMjYuODgiIHJ4PSIzIi8+PHBhdGggZD0iTTEyLjM3NyAyNy4zOTlsMTIuNjMgNy40MzRhMS4yNyAxLjI3IDAgMCAxIC40MzMgMS43NjggMS4zNCAxLjM0IDAgMCAxLTEuODE1LjQ0NGwtMTIuNjMtNy40MzRhMS4yNyAxLjI3IDAgMCAxLS40MzMtMS43NjggMS4zNCAxLjM0IDAgMCAxIDEuODE1LS40NDR6IiBmaWxsPSIjNEE0QTRBIi8+PHBhdGggZD0iTTM2LjA5NSAyNy4yNjJsLTExLjkyNiA3Ljc4NGExLjM4NCAxLjM4NCAwIDAgMC0uNDE3IDEuODkyIDEuMzMgMS4zMyAwIDAgMCAxLjg1NS40MWwxMS45MjYtNy43ODVhMS4zODQgMS4zODQgMCAwIDAgLjQxNy0xLjg5MiAxLjMzIDEuMzMgMCAwIDAtMS44NTUtLjQxeiIgZmlsbD0iIzRBNEE0QSIvPjxyZWN0IHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLXdpZHRoPSIzIiB4PSI2LjUiIHk9IjIzLjUiIHdpZHRoPSIzMy45NiIgaGVpZ2h0PSIyMy44OCIgcng9IjIiLz48cGF0aCBkPSJNNDMgOWgxYTEgMSAwIDAgMSAxIDF2NWExIDEgMCAwIDEtMSAxaC0xYTEgMSAwIDAgMS0xLTF2LTVhMSAxIDAgMCAxIDEtMXptMTEuNSAxMS41djFhMSAxIDAgMCAxLTEgMWgtNWExIDEgMCAwIDEtMS0xdi0xYTEgMSAwIDAgMSAxLTFoNWExIDEgMCAwIDEgMSAxem0tMy4yMDctNy43OThsLjY3Ljc0NGExIDEgMCAwIDEtLjA3NCAxLjQxMmwtMy43MTYgMy4zNDZhMSAxIDAgMCAxLTEuNDEyLS4wNzRsLS42Ny0uNzQ0YTEgMSAwIDAgMSAuMDc0LTEuNDEybDMuNzE2LTMuMzQ2YTEgMSAwIDAgMSAxLjQxMi4wNzR6IiBmaWxsPSIjNEE0QTRBIi8+PC9nPjwvc3ZnPg==" alt="img1">
</div>
<p class="step_text">Collect dev<br>emails into<br>Mailtrap inbox</p>
</div>
</div>
</div>
</div>
<div class="features_box">
<h1 class="feature_head">What can I do with Mailtrap? </h1>
<div class="features">
<img src="https://assets.mailtrap.io/packs/assets/landing/feature-no-spam-640aea63417f18395eb9.svg"/>
<div class="feature_content" >
<h1>Never spam real customers by mistake</h1>
<p>Mailtrap is a dedicated playground for your<br/>
email tests. Use it before your messages are<br/> perfect enough for reaching real inboxes</p>
</div>
</div>
<div class="features">
<div class="feature_content">
<h1>Analyze emails for spam & blacklists</h1>
<p>Stay on the safe side with your emails.
Mailtrap checks your domain and gives recommendations how to avoid spam filters</p>
</div>
<img src="https://assets.mailtrap.io/packs/assets/landing/feature-analysis-c9e1136edfad12041344.svg"/>
</div>
<div class="features">
<img src="https://assets.mailtrap.io/packs/assets/landing/feature-testing-c885bb3551f202846639.svg"/>
<div class="feature_content">
<h1>Test HTML for support by basic email clients</h1>
<p>Inspect and debug each part of your
message, and check if it works fine for the most popular email clients.</p>
</div>
</div>
<div class="features">
<div class="feature_content">
<h1>Share inboxes with your team members</h1>
<p>Discuss your ideas with colleagues or demonstrate your progress to the customer: invite them to your inbox!</p>
</div>
<img src="https://assets.mailtrap.io/packs/assets/landing/feature-sharing-783928d0f01afaff3a0e.svg"/>
</div>
<div class="features">
<img src="https://assets.mailtrap.io/packs/assets/landing/feature-inboxes-13c1a03438b1561081cd.svg"/>
<div class="feature_content">
<h1>Organize test emails into special inboxes</h1>
<p>Separate your projects by creating a new inbox for each of them, just in two clicks. No more chaos!</p>
</div>
</div>
<div class="features">
<div class="feature_content">
<h1>Secure by default (HTTPS & TLS)</h1>
<p>Your connection with the Mailtrap server is secure and encrypted. Your data always stays safe and private</p>
</div>
<img src="https://assets.mailtrap.io/packs/assets/landing/feature-security-b3ec20d17f2f2b619072.svg"/>
</div>
</div>
<div class="customers">
<h1>Mailtrap Happy Customers</h1>
<div class="logos">
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-atlassian-4f21d2c2c443a65c910f.svg"/>
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-adobe-9411bf41f91e1387f67c.svg"/>
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-sendgrid-e621eac416c72b5fc4f2.svg"/>
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-yelp-41e35e8c96df55e9ca5d58d78e834df3.svg"/>
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-pivotal-39c8a864e8fc4df0e2ac4eec7e6e3b97.svg"/>
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-laravel-a90783f28780d9af74b9ba674e9bfea4.svg"/>
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-discovery-9062cf75a69d53bff16768ccf2798d54.svg"/>
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-github-93fd0d4c54a17fde25e805036dff5bbe.svg"/>
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-usertesting-eea41a6d6e15be9fd1d8499bbd7aa45d.svg"/>
<img src="https://assets.mailtrap.io/packs/assets/landing/logo-sugarcrm-8b952326b8151dbf6dc3c209891bc068.svg"/>
</div>
</div>
<div class="comments">
<div class="comment_box">
<div class="comment">
<div class="box1"></div>
<div class="heading">
<h3>すずめ</h3>
<p>@suzume0100</p>
</div>
</div>
<div>
<p>ローカル環境でのLaravelでのメール送信、Mailtrapというサービスを使ったらとても便利で簡単だった。WEBサ部でgmailを使ったローカルでのメール送信に苦戦したのに比べたらかなり楽。
</p>
</div>
</div>
<div class="comment_box">
<div class="comment">
<div class="box2"></div>
<div class="heading">
<h3>Sander Visser @ 🇮🇨</h3>
<p>@fishsander</p>
</div>
</div>
<div>
<p>Replying to @ronaldlangeveld and @PaddleHQ
I've been there nowadays I use maildev for local github.com/djfarrelly/MailDev or mailtrap for staging mailtrap.io, would recommend!
</p>
</div>
</div>
<div class="comment_box">
<div class="comment">
<div class="box3"></div>
<div class="heading">
<h3>Jean-Baptiste</h3>
<p>@JBaptiste_31</p>
</div>
</div>
<div>
<p>What i love with online Youtube tutorials, is that i always learn something new for #coding, for example i just discovered #Mailtrap @Mailtrap tool for email developing testing purpose :)
</p>
</div>
</div>
<div class="comment_box">
<div class="comment">
<div class="box4"></div>
<div class="heading">
<h3>Dylan Beattie 🇪🇺 @DevConfPL 🇵🇱</h3>
<p>@dylanbeattie</p>
</div>
</div>
<div>
<p>Replying to @Hoeyboey
always [email protected], just in case it ever gets out into the wild... And I use Mailtrap if I need to actually get emails out the other end and see what they looked like.
Also, there is this lovely story about [email protected]: https://bar.com
</p>
</div>
</div>
</div>
<div class="signup_bottom">
<div class="signup_container">
<h1 id="lasthead">Create your free account in three clicks!</h1>
<a class="last_button lastshadow" href="signup.html">Sign Up Now</a>
</div>
</div>
<div id="footerCover">
<div id="footer">
<div class="railsware">
<svg xmlns="http://www.w3.org/2000/svg" width="108" height="105" viewBox="0 0 108 105"><path class="border" fill="none" stroke="#616870" stroke-width="1" stroke-miterlimit="10" d="M4.146.657C5.794.407 7.474.535 9.13.514 31.967.51 54.796.52 77.63.51c1.672.03 3.417-.154 5.02.438 1.5.48 2.055 2.098 3.113 3.113 4.986 5.01 9.967 10.017 14.953 15.025 1.467 1.43 2.81 3.016 4.51 4.188 1.552 1 1.79 3.042 1.795 4.738-.004 23.608-.01 47.216 0 70.823-.004 1.62-.212 3.516-1.546 4.605-1.755 1.253-4.017.978-6.045 1.008-24.524-.01-49.048-.01-73.57 0-1.705-.034-3.495.174-5.113-.49-1.435-.487-2.028-2.02-3.063-3.01-4.57-4.584-9.13-9.18-13.7-13.764-1.05-1.086-2.63-1.743-3.17-3.25-.3-1.127-.294-2.305-.314-3.455C.52 55.504.485 30.53.515 5.557.388 3.302 1.702.852 4.145.658z"></path><path class="logo-text" fill="#FFF" d="M92.695 75.538c-.087.25-.214.483-.372.697-.856 1.152-2.372 1.59-3.76 1.71-2.013.173-2.713.417-2.733 1.097-.016.604.78 1.15 2.2 1.15h4.06v2.15h-3.947c-2.318-.017-4.618-1.25-4.618-3.306v-3.74c0-1.27-.087-2.118 1.012-3.077.887-.773 2.244-1.203 3.607-1.21 1.673-.012 3.352.51 4.184 1.558.222.28.354.562.433.846.17.616.146 1.54-.058 2.124h-.007zm-46.248 6.806H41.55v-2.15h5.98c.266 0 .51-.1.698-.258.493-.42.453-1.012.128-1.4-.13-.157-.333-.272-.56-.36-.48-.18-1.136-.282-1.656-.393l-.913-.193c-1.23-.265-2.404-.596-3.072-1.508-.92-1.252-.788-2.835.322-3.942a3.314 3.314 0 0 1 2.34-.962h4.86v2.15h-4.86c-.837 0-1.343.97-.853 1.57.31.38.9.52 1.402.63l1.583.346c1.39.302 2.632.363 3.466 1.864.962 1.73.036 3.782-1.74 4.41-.208.077-.42.13-.637.16-.495.063-1.084.036-1.593.036zm-12.67-11.167v11.17h2.21V72.73c0-.9-.158-1.556-1.395-1.556h-.814v.003zm0-3.462v2.146h2.21v-.594c0-.9-.158-1.552-1.395-1.552h-.814zm-9.672 8.483c.838-.53 1.918-.77 2.89-.854.848-.07 1.455-.157 1.87-.28.928-.27.915-.993.3-1.367-.35-.213-.99-.37-1.635-.37h-3.38v-2.15h3.27c2.558.017 4.617 1.163 4.617 3.82v3.225c0 1.275.09 2.12-1.01 3.078-.946.823-2.474 1.24-3.97 1.205-1.6-.038-3.602-.505-4.246-2.117-.16-.41-.24-.854-.236-1.3.003-1.19.5-2.233 1.534-2.89h-.002zm.993 1.95c-.497.56-.423 1.345.167 1.812.938.745 4.562.66 4.562-1.272v-1.883c-1.163.503-2.32.445-3.39.684-.49.11-1 .272-1.34.657zM22.78 71.22h-.937c-2.8 0-5.095 2.233-5.095 4.96v6.164h2.21V76.18c0-1.54 1.303-2.81 2.885-2.81h.937v-2.15zm15.022-3.505v14.63h2.21V69.268c0-.902-.158-1.555-1.395-1.555h-.815zm20.453 7.014l2.148 7.613h2.255l3.267-11.167h-2.21l-2.187 7.78-2.18-7.78-1.094.017-1.088-.017-2.182 7.78-2.187-7.78h-2.21l3.266 11.17h2.253l2.146-7.614.003-.003zm24.54-3.51h-.94c-2.802 0-5.096 2.23-5.096 4.96v6.164h2.21V76.18c0-1.54 1.3-2.81 2.882-2.81h.94v-2.15h.003zM68.29 75.696a7.736 7.736 0 0 1 1.756-.35c.85-.073 1.456-.158 1.87-.282.93-.27.915-.99.3-1.366-.347-.214-.99-.37-1.633-.37h-3.776v-2.15h3.666c2.56.017 4.62 1.162 4.62 3.82v3.224c0 1.275.087 2.12-1.01 3.08-.95.822-2.48 1.24-3.975 1.204-1.03-.025-2.136-.237-2.988-.78-.69-.442-1.21-1.11-1.376-2.01-.244-1.3.19-2.512 1.185-3.307.403-.32.874-.55 1.362-.716v.005zm.046 2.33c-.632.552-.623 1.397.01 1.9.94.747 4.536.742 4.536-1.188v-1.933c-1.172.505-2.282.446-3.342.688-.43.1-.875.242-1.206.533h.002zm21.256-2.32c1.655-.615 1.413-2.26-.627-2.478a7.095 7.095 0 0 0-.667-.035c-1.15-.002-2.563.342-2.563 1.7v1.573c1.387-.595 2.624-.303 3.857-.76z"></path><path class="logo-sign" fill="#04C4C4" d="M17.115 48.07L29.88 60.593H17.13l-.015-12.525zM71.31 34.155L91.26 53.74a3.976 3.976 0 0 1 .062 5.622c-.02.02-.04.042-.062.062-1.57 1.54-4.14 1.565-5.738.05l-.052-.05-25.738-25.268h11.58zm-13.673 0H46.06l25.74 25.27c1.57 1.54 4.138 1.563 5.735.05l.053-.05a3.978 3.978 0 0 0 .06-5.625l-.06-.06-19.95-19.584zm-13.674 0H32.387l25.734 25.27c1.574 1.54 4.145 1.562 5.743.046l.05-.047a3.98 3.98 0 0 0 .06-5.626l-.06-.06-19.95-19.584zm-13.67 0h-11.58L33.597 48.77c1.57 1.545 4.138 1.566 5.738.05.017-.015.035-.03.052-.05a3.98 3.98 0 0 0 .055-5.627l-.055-.055-9.096-8.932zM17.112 46.01l14.87 14.584h11.574L17.13 34.76l-.015 11.25z"></path><path class="label" fill="none" d="M17.02 17.042h54.5v7h-54.5v-7z"></path><text transform="translate(17.02 22.77)" fill="#FFF" font-family="'ArialNarrow'" font-size="8" letter-spacing="1.5">CRAFTED BY</text></svg>
</div>
<div id="footerGrid">
<div>
<div class="boldWhite">PRODUCTS</div>
<div style="width: 80%;"><hr class="blueLine"/></div>
<div class="grayFont" >Coupler</div>
<div class="grayFont">Jira Smart Checklist</div>
</div>
<div>
<div class="boldWhite">EXPERIENCE</div>
<div style="width: 80%;"><hr class="blueLine"/></div>
<div class="grayFont">Open Source</div>
<div class="grayFont">Railsware Blog</div>
</div>
<div>
<div class="boldWhite">Mailtrap</div>
<div style="width: 80%;"><hr class="grayLine"/></div>
<div class="grayFont">Pricing</div>
<div class="grayFont">Changelog</div>
<div class="grayFont">Status</div>
<div class="grayFont">Terms of Service</div>
<div class="grayFont">Privacy Policy</div>
<div class="grayFont">Navigational Information</div>
<div class="grayFont">DPA</div>
</div>
<div>
<div class="boldWhite">CONTACT</div>
<div style="width: 80%;"><hr class="grayLine"/></div>
<div class="grayFont">email:</div>
<div class="grayFont">support[at]mailtrap.io</div>
<div style="margin: 10px 0px; display: flex;flex-flow: row wrap;" >
<img style="width: 20%; height: 90%; margin: 0px 10px 0px 0px;" src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Facebook_f_logo_%282019%29.svg/150px-Facebook_f_logo_%282019%29.svg.png"/>
<img style="width: 20%; height: 90%;" src="https://upload.wikimedia.org/wikipedia/en/thumb/9/9f/Twitter_bird_logo_2012.svg/150px-Twitter_bird_logo_2012.svg.png"/>
</div>
</div>
</div>
<div style="margin: 0px 300px; width: 90%;">
<div style="width: 100%;">
<div style="width: 78%;"><hr class="grayLine"/></div>
</div>
<div>
<div style="float: left; margin: 0px 95px 0px 0px;line-height: 45px;" class="grayFont">© Railsware Products, Inc.</div>
<div class="aboutMailtrap">What is Mailtrap?<br/>
Mailtrap is a test mail server solution that allows testing email notifications without sending them to the real users of your application. Not only does Mailtrap work as a powerful email test tool, it also lets you view your dummy emails online, forward them to your regular mailbox, share with the team and more! Mailtrap is a mail server test tool built by Railsware Products, Inc., a premium software development consulting company.
</div>
</div>
</div>
</div>
</div>
</body>
<script>
var btn1 = document.getElementById("hw")
var btn2 = document.getElementById("pr")
var btn3= document.getElementById("ap")
var btn4 = document.getElementById("bl")
var btn5 = document.getElementById("fa")
var lgn = document.getElementById("lg")
var sgn = document.getElementById("sg")
function shadowgold(event){
var item = event.target;
item.setAttribute("class","domshadow")
}
function noshadow(event){
var item = event.target;
item.setAttribute("class","menu_nav_bloc")
}
function bgcolor1(event){
var item = event.target;
item.setAttribute("class","loginbtn")
}
function bgcolor11(event){
var item = event.target;
item.setAttribute("class","menu_nav_bloc button")
}
function bgcolor2(event){
var item = event.target;
item.setAttribute("class","signbtn")
}
function bgcolor21(event){
var item = event.target;
item.setAttribute("class","menu_nav_bloc button shadow")
}
btn1.addEventListener("mouseover",shadowgold)
btn1.addEventListener("mouseout",noshadow)
btn2.addEventListener("mouseover",shadowgold)
btn2.addEventListener("mouseout",noshadow)
btn3.addEventListener("mouseover",shadowgold)
btn3.addEventListener("mouseout",noshadow)
btn4.addEventListener("mouseover",shadowgold)
btn4.addEventListener("mouseout",noshadow)
btn5.addEventListener("mouseover",shadowgold)
btn5.addEventListener("mouseout",noshadow)
lgn.addEventListener("mouseover",bgcolor1)
lgn.addEventListener("mouseout",bgcolor11)
sgn.addEventListener("mouseover",bgcolor2)
sgn.addEventListener("mouseout",bgcolor21)
</script>
</html>