Ticket #4401: untitled-part.html

File untitled-part.html, 17.6 KB (added by PainRelief@…, 4 months ago)

Added by email2trac

Line 
1<!DOCTYPE HTML>
2<html lang="en-US">
3<head><!--Metatags--><meta charset="UTF-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta http-equiv="X-UA-Compatble" content="ie=edge"/><meta http-equiv="Cache-Control" content="public, must-revalidate, max-age=86400" /><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Expires" content="0" /><!--Website Title-->
4        <title>Limited Time Promo: 50% Off HappyFit Insole</title>
5        <!--FontAwesome CDN-->
6        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" rel="stylesheet" />
7        <style type="text/css">div {
8  margin-right: auto;
9  margin-left: auto;
10  max-width: 600px;
11  min-width: 400px;
12}
13
14@import url('https://fonts.googleapis.com/css2?family=Amaranth:wght@400;700&display=swap');
15
16@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
17
18@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap');
19
20        body{
21        background:#FFFFFF;
22        position: relative;
23}
24:root{
25        --baseColor: #2DADE1;
26        --grayColor: #F1F4F8;
27        --lightColor: #FFFFFF;
28        --darkColor: #121212;
29       
30        --baseHeading: 'Raleway', sans-serif;
31        --baseParagraph: 'Montserrat', sans-serif;
32}
33
34/* ========== Custom CSS Starts ========== */
35
36
37/* ===== CSS For "Common Cases" Starts Here ===== */
38clickable_link{
39        text-align: center;
40}
41clickable_link a{
42        color: var(--lightColor);
43        background: #0FD13D;
44        display: inline-block;
45        padding: 10px 30px;
46        font-family: var(--baseHeading);
47        font-weight: 700;
48        font-size: 20px;
49        border-radius: 15px;
50        text-decoration: none;
51        text-align: center;
52        box-shadow: 0px 3.5px 5px 0px rgba(0,0,0, 0.30);
53        -webkit-transition: all 0.2s ease-in;
54        -moz-transition: all 0.2s ease-in;
55        transition: all 0.2s ease-in;
56}
57clickable_link a:hover{
58        box-shadow: 0px 5px 5px 0px rgba(0,0,0, 0.50);
59        -webkit-transform: scale(1.05);
60        -ms-transform: scale(1.05);
61        transform: scale(1.05);
62}
63clickable_link a img{
64        width: 24px;
65        position: relative;
66        margin-right: 5px;
67}
68clickable_link a i{
69        margin-left: 15px;
70}
71/* ========================= */
72grid_item{
73    display: -ms-grid;
74    display: grid;
75    -ms-flex-line-pack: center;
76        align-content: center; 
77}
78/* ========================= */
79heading{
80        text-align: center;
81        margin-bottom: 30px;
82}
83heading h3{
84        color: var(--darkColor);
85        font-family: var(--baseHeading);
86        font-weight: 600;
87        font-size: 28px;
88        text-transform: capitalize;
89        margin-bottom: 0px;
90}
91heading .headline{
92        margin:15px 0px;
93        margin-bottom:25px;
94        line-height:0;
95        font-size:0px;
96}
97heading .headline span{
98        display: inline-block;
99        width: 100px;
100        height: 2px;
101        background: #0FD13D;
102}
103/* ========================= */
104image_texts{
105    display: -ms-grid;
106    display: grid;
107    -ms-grid-columns: 1fr 25px 1fr;
108    grid-template-columns: 1fr 1fr;
109    grid-auto-rows: auto;
110    gap: 25px; 
111}
112image_texts .image img{
113        width: 100%;
114        border-radius: 5px;
115}
116/* ========================= */
117vertical_padding{
118        padding: 50px 0px;
119}
120/* ========================= */
121gradient_bg{
122        background: #28a5ef;
123        background: -moz-linear-gradient(left,  #28a5ef 0%, #2758fa 100%);
124        background: -webkit-linear-gradient(left,  #28a5ef 0%,#2758fa 100%);
125        background: linear-gradient(to right,  #28a5ef 0%,#2758fa 100%);
126        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a5ef', endColorstr='#2758fa',GradientType=1 );   
127}
128/* ===== CSS For "Common Cases" Ends Here ===== */
129
130/* ============================== */
131/* ============================== */
132/* ============================== */
133
134
135/* ===== CSS For "Header" Starts Here ===== */
136header{
137    display: -ms-grid;
138    display: grid;
139    -ms-grid-columns: 1fr 15px 1fr;
140    grid-template-columns: 1fr 1fr;
141    grid-auto-rows: auto;
142    gap: 15px;
143        padding: 15px 15px;
144}
145header .logo{
146       
147}
148header .logo img{
149        max-width: 300px;
150}
151header .clickable_link{
152        text-align: right;
153    -webkit-box-pack: end;
154        -ms-flex-pack: end;
155        justify-content: end;
156}
157header .clickable_link a{
158       
159}
160/* ===== CSS For "Header" Ends Here ===== */
161
162
163/* ============================== */
164/* ============================== */
165/* ============================== */
166
167
168/* ===== CSS For "Banner" Starts Here ===== */
169banner{
170        padding: 15px 15px;
171}
172banner h2{
173        color: var(--lightColor);
174        font-family: var(--baseHeading);
175        font-weight: 600;
176        font-size: 36px;
177        text-align: center;
178        margin-bottom: 0px;
179}
180banner h2 span{
181        display: block;
182}
183/* ===== CSS For "Banner" Ends Here ===== */
184
185
186/* ============================== */
187/* ============================== */
188/* ============================== */
189
190
191/* ===== CSS For "Discount Banner" Starts Here ===== */
192discount_banner_wrap{
193        background: url(../../Discount_Bg.jpg) no-repeat;
194        background-position: center center;
195        background-size: 600;
196}
197discount_banner{
198        text-align: center;
199       
200    display: -ms-grid;
201    display: grid;
202    -ms-grid-columns: 400px 15px 1fr;
203    grid-template-columns: 400px 1fr;
204    grid-auto-rows: auto;
205    gap: 15px;
206}
207discount_banner .product_image img{
208        border-radius: 15px;
209}
210discount_banner h4{
211        color: #121212;
212        font-family: var(--baseHeading);
213        font-weight: 700;
214        font-size: 36px;
215        margin-bottom: 0px;
216}
217discount_banner h1{
218        color: #121212;
219        font-family: var(--baseParagraph);
220        font-weight: 900;
221        font-size: 120px;
222        margin-bottom: 0px;     
223}
224discount_banner h3{
225        color: #121212;
226        font-family: var(--baseHeading);
227        font-weight: 600;
228        font-size: 24px;
229        margin: 25px 0px;
230}
231discount_banner .clickable_link a{
232        font-size: 24px;
233        padding: 15px 15px;
234        width: 400px;
235}
236/* ===== CSS For "Discount Banner" Ends Here ===== */
237
238
239/* ============================== */
240/* ============================== */
241/* ============================== */
242
243
244/* ===== CSS For "Suffering" Starts Here ===== */
245suffering_wrap{
246        background: var(--grayColor);
247}
248suffering{
249    display: -ms-grid;
250    display: grid;
251    -ms-grid-columns: 1fr 15px 450px;
252    grid-template-columns: 1fr 450px;
253    grid-auto-rows: auto;
254    gap: 15px; 
255}
256suffering .sweating_image img{
257        border-radius: 10px;
258}
259suffering h3{
260        font-weight: 700;
261        font-size: 34px;
262        line-height: 1.4;
263}
264suffering .bullet_points{
265    display: -ms-grid;
266    display: grid;
267    -ms-grid-columns: 1fr 25px 1fr;
268    grid-template-columns: 1fr 1fr;
269    grid-auto-rows: auto;
270    gap: 25px;
271        max-width: 550px;
272        margin: 0px auto;
273}
274suffering .bullet_points ul{
275        margin-bottom: 0px;
276}
277suffering .bullet_points ul li{
278        color: var(--darkColor);
279        font-family: var(--baseParagraph);
280        font-weight: 500;
281        font-size: 20px;
282        margin-bottom: 15px;
283        list-style: none;
284        position: relative;
285        padding-left: 25px;
286}
287suffering .bullet_points ul li:last-child{
288        margin-bottom: 0px;
289}
290suffering .bullet_points ul li:before{
291        content: "\f0a4";
292        color: #edbf45;
293        font-family: "Font Awesome 5 Free";
294        font-weight: 700;
295        font-size: 24px;
296        position: absolute;
297        left: 0px;
298        top: -3.5px;
299}
300/* ===== CSS For "Suffering" Ends Here ===== */
301
302
303
304
305/* ===== CSS For "Get Cooled" Starts Here ===== */
306get_cooled_wrap{
307        background: var(--lightColor);
308}
309get_cooled{
310    display: -ms-grid;
311    display: grid;
312    -ms-grid-columns: 450px 15px 1fr;
313    grid-template-columns: 450px 1fr;
314    grid-auto-rows: auto;
315    gap: 15px; 
316}
317get_cooled .image img{
318        border-radius: 10px;
319}
320get_cooled_wrap h3{
321        font-weight: 700;
322        font-size: 35px;
323        line-height: 1.4;
324}
325get_cooled ul{
326        max-width: 720px;
327        margin: 0px auto;
328}
329get_cooled ul li{
330        color: var(--darkColor);
331        font-family: var(--baseParagraph);
332        font-weight: 500;
333        font-size: 20px;
334        margin-bottom: 15px;
335        list-style: none;
336        position: relative;
337        padding-left: 35px;     
338}
339get_cooled ul li:last-child{
340        margin-bottom: 0px;
341}
342get_cooled ul li:before{
343        content: "\f00c";
344        color: #0FD13D;
345        font-family: "Font Awesome 5 Free";
346        font-weight: 700;
347        font-size: 24px;
348        position: absolute;
349        left: 0px;
350        top: -3.5px;   
351}
352/* ===== CSS For "Get Cooled" Ends Here ===== */
353
354
355/* ============================== */
356/* ============================== */
357/* ============================== */
358
359
360
361
362
363
364
365/* ============================== */
366/* ============================== */
367/* ============================== */
368
369
370/* ===== CSS For "How It Works" Starts Here ===== */
371how_it_works_wrap{
372       
373}
374how_it_works_image{
375        text-align: center;
376}
377/* ===== CSS For "How It Works" Ends Here ===== */
378
379
380/* ============================== */
381/* ============================== */
382/* ============================== */
383
384
385/* ===== CSS For "" Starts Here ===== */
386how_to_use{
387        background: var(--grayColor);
388}
389how_it_works .heading{
390        margin-bottom: 50px;
391}
392how_it_works .boxes{
393    display: -ms-grid;
394    display: grid;
395    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
396    grid-template-columns: repeat(4, 1fr);
397    grid-auto-rows: auto;
398    gap: 20px;
399}
400how_it_works .boxes .single_box{
401        text-align: center;
402        border: 1px solid #DADCE0;
403        border-radius: 10px;
404        padding: 10px;
405        padding-top: 0px;
406        box-shadow: 0px 0px 10px 0px rgba(0,0,0, 0.2);
407        background: var(--lightColor);
408}
409how_it_works .boxes .single_box h4{
410        color: #0FD13D;
411        background: var(--lightColor);
412        border: 2px dashed #0FD13D;
413        font-family: var(--baseParagraph);
414        font-weight: 700;
415        font-size: 30px;
416        width: 50px;
417        height: 50px;
418        line-height: 50px;
419        border-radius: 50%;
420        display: inline-block;
421        position: relative;
422        top: -25px;
423        margin-bottom: 0px;
424}
425how_it_works .boxes .single_box p{
426        color: var(--darkColor);
427        font-family: var(--baseParagraph);
428        font-weight: 400;
429        font-size: 16px;
430        text-transform: capitalize;
431        margin-bottom: 0px;
432}
433how_it_works .boxes .single_box .image{
434        margin-bottom: 0px;
435        position: relative;
436        top: -20px;
437}
438how_it_works .boxes .single_box .image img{
439        border-radius: 5px;
440}
441/* ===== CSS For "" Ends Here ===== */
442
443
444/* ============================== */
445/* ============================== */
446/* ============================== */
447
448
449
450
451
452
453
454/* ===== CSS For "Limited Time" Starts Here ===== */
455limited_time_wrap{
456        padding: 25px 0px;
457}
458limited_time{
459        text-align: center;
460}
461limited_time h4{
462        color: var(--lightColor);
463        font-family: var(--baseHeading);
464        font-weight: 600;
465        font-size: 20px;
466        margin-bottom: 0px;
467}
468limited_time .clickable_link{
469        margin: 20px 0px;
470}
471limited_time .clickable_link a{
472        width: 320px;
473}
474/* ===== CSS For "Limited Time" Ends Here ===== */
475
476
477/* ============================== */
478/* ============================== */
479/* ============================== */
480
481
482/* ===== CSS For "Footer" Starts Here ===== */
483footer{
484        background:#202020;
485        padding:10px 0px;
486}
487footer p{
488        color:#FFFFFF;
489        font-family: var(--baseParagraph);
490        font-weight:400;
491        font-size:15px;
492        text-align:center;
493        margin-bottom:0px;
494}
495/* ===== CSS For "Footer" Ends Here ===== */
496
497
498/* ============================== */
499/* ============================== */
500/* ============================== */
501        </style>
502</head>
503<body>
504<div style="width:600px; padding:10px; border:2px solid #EDBF45;">
505<header class="header_wrap">
506<div class="container">
507<div class="header">
508<div class="logo grid_item"><a href="http://mensproduct.us/ate52z07oAiHOySb5wEVg1LF4tuhRnqvnW3YswwQKY-1qbzPBA" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" class="img-fluid" http:="" microsoft.com="" src="http://mensproduct.us/d6a37483c4f4045270.png" style="width: 300px;" /></a></div>
509</div>
510</div>
511</header>
512<!--===== Markup For "Header" Ends Here =====--><!--===== Markup For "Banner" Starts From Here =====-->
513
514<section class="banner_wrap gradient_bg">
515<div class="container">
516<div class="banner">
517<h2>Limited Time Promo: 50% Off HappyFit Insole</h2>
518</div>
519</div>
520</section>
521<a href="http://mensproduct.us/ate52z07oAiHOySb5wEVg1LF4tuhRnqvnW3YswwQKY-1qbzPBA" http:="" microsoft.com="" rel="sponsored" target="blank"><img http:="" microsoft.com="" src="http://mensproduct.us/86a63ab1f2973808db.jpg" /></a><br />
522&nbsp;
523<section class="get_cooled_wrap vertical_padding">
524<div class="container">
525<div class="heading">
526<h3>HappyFit insoles are the only insoles that are clinically proven to increase blood circulation in the feet by up to 115%!</h3>
527
528<div class="headline">&nbsp;</div>
529</div>
530
531<div class="get_cooled">
532<div class="image"><a href="http://mensproduct.us/ate52z07oAiHOySb5wEVg1LF4tuhRnqvnW3YswwQKY-1qbzPBA" http:="" microsoft.com="" rel="sponsored" target="blank"><img alt="" class="img-fluid" http:="" microsoft.com="" src="6fgf65g565re65er65.PNG" /></a></div>
533&nbsp;
534
535<div class="texts grid_item">
536<ul>
537        <li>Acupressure Magnetic Insoles (1x = 1 pair)</li>
538        <li>Natural Pain Relief</li>
539        <li>Boosts Blood Circulation &amp; Fat Burning</li>
540        <li>Improves Posture &amp; Shock Absorbing</li>
541        <li>Breathable &amp; Anti-Foot Odor</li>
542        <li>Universal Size &amp; Durable Medical Silicone</li>
543        <li>Specialists Strongly Recommend Replacing Your Soles Every 3 Months with New Ones</li>
544</ul>
545</div>
546</div>
547</div>
548</section>
549<!--===== Markup For "Get Cooled" Ends Here =====--> <!--===== Markup For "Limited Time" Starts From Here =====-->
550
551<section class="limited_time_wrap gradient_bg">
552<div class="container">
553<div class="limited_time">
554<h4>Limited Time Promo: -50% Off HappyFit Insole</h4>
555
556<div class="clickable_link"><a href="http://mensproduct.us/ate52z07oAiHOySb5wEVg1LF4tuhRnqvnW3YswwQKY-1qbzPBA" http:="" microsoft.com="" rel="sponsored" target="blank">Get 50% Discount</a></div>
557
558<h4>Secure Your HappyFit Insole Now, Before This Promotion Ends&hellip;</h4>
559</div>
560</div>
561</section>
562<!--===== Markup For "Limited Time" Ends Here =====--> <!--===== Markup For "Footer" Starts From Here =====-->
563
564<footer class="footer">
565<div class="container">
566<p>&copy; 2021 HappyFit Insole | All Rights Reserved.</p>
567</div>
568</footer>
569</div>
570&nbsp;
571
572<center><br />
573<br />
574<br />
575<br />
576<br />
577<br />
578<br />
579<br />
580<br />
581<a href="http://mensproduct.us/rMpFYaF_Z5nIU3w2MYWqf05kvMsAn1irjz55DjnwoLL1f7JF5g" http:="" microsoft.com="" rel="sponsored" target="blank"><img http:="" microsoft.com="" src="http://mensproduct.us/8eef0d6fc6feae2570.jpg" /></a><br />
582<br />
583<br />
584<br />
585<br />
586<br />
587<br />
588<br />
589<br />
590<br />
591<br />
592<br />
593<br />
594<br />
595<br />
596<a href="http://mensproduct.us/6mWeHeRD5XB8ypiZ3qhPVqzfziINj__GtErbXUJN36ELXoloXw" http:="" microsoft.com="" rel="sponsored" target="blank"><img http:="" microsoft.com="" src="http://mensproduct.us/1a08ca187ef1ca00fe.jpg" /></a></center>
597<br />
598<br />
599<br />
600<a href="http://mensproduct.us/E5fapp2_ZatXDXCb8LkNT5SudqB4atiSaXr7s4FIBCynlVotig"><img src="http://mensproduct.us/d27e7f98bbef3b8ff1.jpg" /><img height="1" src="http://www.mensproduct.us/-R0DPaaY2TDjThaCeLRgQOBQ8Zim6ax2zJMOpR30ksV7IIwfGg" width="1" /></a><br />
601<br />
602<br />
603<span style="color:#FFFFFF;">istant Commissioner of Police, Suraj Chauhan (Govinda) is an honest and diligent police officer. These qualities in him are instilled in him due to the presence of corrupt politicians and police officers like the Home Minister Bhavani Shankar (Shakti Kapoor), Suraj&#39;s Deputy Inspector General (Kiran Kumar). Suraj has a brother (Arun Govil), who is a crime reporter for the Indian Times. Home Minister Bhavani Shankar goes to a function held by an adoption center for orphan girls. There he encounters a pretty girl and instantly feels infatuated with her. He asks the DIG to ask the Mayor&#39;s wife to bring her to him since the Mayor&#39;s wife is the owner of the adoption center. At first, the Mayor&#39;s wife resists and says no, but when the DIG threatens to tell the truth about her past endeavours about dealing with prostitutes to her husband, she agrees. That night, when the Mayor&#39;s wife brings the girl to Bhavani Shankar, little does he know that
604  Arun is on an assignment for his newspaper. Arun discovers and records a video of Bhavani Shankar raping the same girl from the adoption center. The next night, Arun goes to see the Mayor only to show him the misdeed that Home Minister Bhavani Shankar has committed. Filled with anger and disgust, the Mayor and Arun head to the police department to have Home Minister Bhavani Shankar arrested for this. But unfortunately, the Mayor&#39;s wife overhears them and informs the DIG about this. On the way to the police station, Arun and the Mayor are blocked and then ruthlessly killed by Chakku Pande (Puneet Issar), a special hired goon of Bhavani Shankar. Suraj is enraged and aggrieved at the loss of his brother and swears to avenge his death. As Suraj finally starts coming more in contact with Bhavani Shankar, he realizes his bad character and that Bhavani Shankar is the one behind his brother&#39;s killing. After that, Suraj goes to Chakku Pande to get him to confess the killing he did a
605 ccording to the order given by Bhavani Shankar. But Chakku Pande denies it and thus is beaten up by Suraj. Chakku Pande gets sent to jail by Suraj until he decides to confess to his crime. Then one night, Bhavani Shankar hires a few goons to have Chakku Pande killed. But Chakku Pande survives due to Suraj and the police and claims he will protest against Bhavani Shankar. To Suraj&#39;s surprise, when he takes Chakku Pande to a huge public function to confess this truth, Chakku Pande puts the blame on Suraj. After that, the lights go out and a gunshot is heard. When the lights come back on, Chakku Pande is dead and a possible suspect is seen running away through the crowd by Suraj. Presuming that Suraj is the killer (which he is not), the evil police officers of Bhavani Shankar arrest Suraj and send him to jail for the murder of Chakku Pande. But when he reaches jail, he is surprised to see that he has a lookalike, Rajnikant(also Govinda). Rajnikant is a simple man with strong positi
606 ve morals who came to jail because he killed a man who tried to rape his wife. And when Rajnikant realizes that the evil politicians put Suraj in jail in the first place, he suggests that Suraj and Rajnikant can switch places so that Suraj can leave as Rajnikant, since Rajnikant&#39;s sentence is almost over. And from here onwards, starts a fun and action filled story of how Suraj and Rajnikant join forces to finally accomplish Suraj&#39;s goal of avenging his broth</span><br />
607&nbsp;</body>
608</html>