-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (89 loc) · 6.91 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
<!DOCTYPE html>
<html>
<head>
<title>TravelMeet - Comunicato stampa</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
</html>
<body class="email-body">
<table id="wrapper-table">
<tr>
<td>
<table id="main-table">
<tr id="logo">
<td>
<h1><img src="img/Logo.png" width="250px"/></h1>
</td>
</tr>
<tr class="table-row sub-header">
<td colspan="2">
<h3>Monday March 7th 2016</h3>
<div class="video">
<center><iframe width="560" height="315" src="https://www.youtube.com/embed/O3PqiCGmn9M" frameborder="0" allowfullscreen></iframe></center>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vel sapien id lacus eleifend tincidunt nec ac nulla. Donec est lacus, pulvinar vel commodo egestas, mattis in magna. Sed in justo quis purus consequat finibus vitae et nunc. Duis viverra pharetra ex vel varius. Suspendisse vitae eros eget mauris mattis interdum mollis sit amet tortor. Phasellus euismod egestas interdum. In at cursus elit. Maecenas sed massa nec odio aliquet blandit at nec est. Nam fringilla, dui nec pulvinar pulvinar, dui lectus pharetra enim, eget auctor est tellus ac nunc. Aliquam varius vestibulum mi eu molestie. Aliquam erat volutpat. Etiam in risus et ex dignissim dictum id et sem. Morbi condimentum leo ac nisl semper consequat. Mauris egestas at nulla tincidunt tincidunt. Suspendisse id auctor quam. Sed finibus enim eget nunc tempor volutpat.</p>
<p>Donec placerat, leo eu pellentesque aliquet, magna neque aliquam mi, quis mattis massa felis non magna. Mauris tempus laoreet mauris sit amet convallis. Morbi non lacus sapien. Ut ultricies euismod aliquet. Fusce maximus at tellus quis elementum. Aenean cursus libero in vulputate sagittis. Vivamus ut faucibus sem, quis finibus tellus. Fusce vehicula, arcu accumsan elementum fermentum, nisl turpis lacinia ligula, ut fermentum risus risus nec dui. Nullam hendrerit et sem in dictum. Morbi in porta metus, sed consequat arcu. Aenean in erat et nisi molestie rutrum. Nulla et pretium elit. Sed mi lacus, imperdiet id faucibus sed, aliquet eget leo. Vestibulum a interdum ligula, in varius urna.</p>
<div style="width: 100%; overflow: hidden; background: #24C2CB; height: 350px; border-radius: 4px; padding: 15px;" class="flex-container">
<div class="box">
<div class="bellarega">
<center class="test_image" style="background: url(img/1.jpg) no-repeat center; background-size: cover;"></center>
<p style="font-size: 12px; line-height:22px;">"Dovevamo partire in 4 amiche, ma poi due hanno deciso di non venire. Era tutto organizzato, così ho deciso di iscrivermi a TRAVELMEET per cercare due ragazze che volessero partire con noi. E non potevamo trovare due amiche, oltre che compagne di viaggio, migliori di Sara e Valentina! Grazie davvero, senza di voi non sarebbe stato lo stesso viaggio!!"</p>
<span>Elisa, 20 anni</span>
</div>
</div>
<div class="box">
<div class="bellarega">
<center class="test_image" style="background: url(img/2.jpg) no-repeat center; background-size: cover;"></center>
<p style="font-size: 12px; line-height:22px;">"Fin da piccolo ho la passione per lo sci, ma nessuno tra i miei amici può dire lo stesso. Ho sempre sognato di sciare in Austria e così ho deciso di iscrivermi a questo nuovo portale. Lì ho conosciuto altri ragazzi che come me hanno questa passione ed è stato bellissimo poter sciare con persone che capiscono il tuo amore per questo sport. Grazie TRAVELMEET!"</p>
<span>Michele, 23 anni</span>
</div>
</div>
<div class="box">
<div class="bellarega">
<center class="test_image" style="background: url(img/3.jpg) no-repeat center; background-size: cover;"></center>
<p style="font-size: 12px; line-height:22px;">"I miei figli erano stanchi della solita vacanza con mamma e papà e ho pensato di cercare altre famiglie che come noi avessero bambini con cui poter far amicizia e giocare. Sono stato subito contattato da Luca, padre di tre splendide bambine, ed abbiamo deciso di partire insieme per un parco a tema in Francia. Partiremo sicuramente ancora insieme e tutto questo è stato possibile solo grazie a TRAVELMEET!"</p>
<span>Leonardo, 37 anni</span>
</div>
</div>
</div>
<p>Quisque euismod in dui ut vehicula. Nulla lacinia ligula id sapien ullamcorper, tristique placerat nulla eleifend. Pellentesque eleifend vulputate turpis, et commodo ipsum ultrices in. Aliquam eget auctor nibh. Curabitur ultricies leo mi, vitae porttitor risus porta et. In non dui id eros posuere dictum. Donec molestie nisl felis, non euismod neque bibendum sit amet. Donec ut nunc non elit accumsan hendrerit.</p>
<p>Aliquam sit amet velit in tortor fringilla venenatis nec id risus. Morbi a venenatis tellus. Nulla in laoreet dui, at placerat est. Praesent congue ipsum turpis. Sed ipsum eros, volutpat quis vulputate vel, hendrerit ut elit. Etiam gravida consectetur felis, sed auctor massa. Suspendisse sed lacus nec nisi fringilla mattis a id turpis. Vestibulum at quam ut ex ornare lobortis. Pellentesque id felis leo. Proin laoreet non quam placerat egestas. Cras aliquam, erat sed consectetur egestas, diam nisl gravida ligula, in consectetur turpis orci in ante. Praesent non mauris quis urna tempor vulputate. Fusce porta turpis id gravida maximus. Maecenas fermentum tortor a neque semper varius.</p>
</td>
</tr>
<tr>
<td>
<div class="container">
<ul class="btn-share clearfix">
<li><a href="#" class="button share entypo-share"></a></li>
<li><a href="#" class="button twitter entypo-twitter"></a></li>
<li><a href="#" class="button facebook entypo-facebook"></a></li>
<li><a href="#" class="button google entypo-gplus"></a></li>
</ul>
</div>
</td>
</tr>
<tr id="unsubscribe">
<td colspan="2">
<span>
<a href="#">TravelMeet.com</a> 2016.
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script>
(function() {
$('.share').on('click', function(e) {
e.preventDefault();
var $this = $(this);
$this.animate({
'width': $this.width() == 304 ? '64px' : '304px'
}, 300, 'swing');
});
} () );
</script>
</body>