forked from ginchoco/1Letter1Smile
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreview.html
163 lines (135 loc) · 8.38 KB
/
review.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--========== BOX ICONS ==========-->
<link href='https://cdn.jsdelivr.net/npm/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<!--========== CSS ==========-->
<link rel="stylesheet" href="assets/css/styles.css">
<title>1Letter1Smile Mockup</title>
<!--========== SCROLL TOP ==========-->
<a href="#" class="scrolltop" id="scroll-top">
<i class='bx bx-chevron-up scrolltop__icon'></i>
</a>
</head>
<!--========== HEADER ==========-->
<header class="l-header" id="header">
<nav class="nav bd-container">
<a href="index.html" class="nav__logo"><img src="assets/img/logo.png" alt=""></a>
<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item"><a href="letter.html" class="nav__link">Write a Letter</a></li>
<li class="nav__item"><a href="login.html" class="nav__link">Register/Login</a></li>
<li class="nav__item"><a href="about.html" class="nav__link">About</a></li>
<li class="nav__item"><a href="#contact" class="nav__link">More</a></li>
<li><i class='bx bx-moon change-theme' id="theme-button"></i></li>
</ul>
</div>
<div class="nav__toggle" id="nav-toggle">
<i class='bx bx-menu'></i>
</div>
</nav>
</header>
<!--========== BODY ==========-->
<body>
<section class="review" id="review">
<div class="review__content">
<span class="section-subtitle">Step 5</span>
<h2 class="section-title">Review details</h2>
<p class="paragraph" id="paragraph">Double check your letter and personal information for typos. <br> (Remember, you won't be able to change them once you click send!) </p>
<div class="review__form">
<form action="" class="review__paper">
<div class="review__to"></div>
<div class="review__from"></div>
<div class="review__body">
Dear Madam, <br>
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget sollicitudin erat.
Maecenas viverra pharetra malesuada. Suspendisse velit felis, pretium sed sapien ac, tincidunt
dignissim est. Nunc ante metus, iaculis quis malesuada et, laoreet nec urna. Aenean dignissim
bibendum scelerisque. Nulla dignissim purus in suscipit finibus. Sed porttitor elit quis dapibus
aliquet. Curabitur neque magna, luctus vel vulputate vitae, bibendum vitae risus. Aliquam
suscipit lacinia malesuada. Sed id dui sapien. <br>
<br> Nam commodo sapien diam, nec pulvinar ex placerat
maximus. Fusce eleifend sed sem et dignissim. Curabitur fermentum elit mattis placerat mollis.
Integer accumsan venenatis tincidunt. Praesent id diam arcu. Etiam nulla orci, congue sed ante
sed, ultricies bibendum ligula. Curabitur non ante nibh. Sed accumsan arcu eget mauris efficitur
semper. Duis egestas, arcu eu dignissim vehicula, diam urna auctor mauris, vel luctus urna sem
et sapien. Vestibulum et interdum justo. Phasellus bibendum tempus suscipit. Cras malesuada
non dui porttitor elementum. Curabitur magna enim, efficitur at orci quis, tempor aliquet sem.
Sed volutpat non dui vitae viverra. <br>
<br> Mauris sapien tortor, eleifend ac mauris et, tristique
dictum lectus. Sed vehicula diam ac mi viverra, ultrices pretium ligula porttitor. Aenean
vulputate at enim a lobortis. Duis ut finibus metus.<br>
<br> Sinceremente, <br>
John Appleseed
</div>
<!-- <div class="letter__box__heading">
<textarea placeholder="Dear Sir/Madam," class="textarea" maxlength="11"></textarea>
</div>
<div class="letter__box__body">
<textarea placeholder="Start writing here" class="textarea" maxlength="4000"></textarea>
</div>
<div class="letter__box__signature">
<input type="text" placeholder="Sincerely, Y/N" class="letter__input__signature" maxlength="30">
</div> -->
</form>
</div>
<div class="review__box terms">
<label class="check">
<input type="checkbox">
<span class="checkmark">I've double checked my letter</span>
</label>
</div>
<a href="confirmation.html" class="upload__button">Confirm and send</a>
<span class="letter__file" id="letter__file">Make changes</span>
</div>
</section>
</body>
<!--========== FOOTER ==========-->
<footer class="footer section bd-container">
<div class="footer__container bd-grid">
<div class="footer__content">
<a href="#" class="footer__logo">1Letter1Smile</a>
<span class="footer__description">Non Profit</span>
<div>
<a href="https://www.facebook.com/1-lettre-1-sourire-104735304495540/" class="footer__social"><i class='bx bxl-facebook'></i></a>
<a href="https://www.instagram.com/1lettre1sourire/?hl=fr" class="footer__social"><i class='bx bxl-instagram'></i></a>
<a href="#" class="footer__social"><i class='bx bxl-twitter'></i></a>
</div>
</div>
<div class="footer__content">
<h3 class="footer__title">Services</h3>
<ul>
<li><a href="letter.html" class="footer__link">Write a Letter</a></li>
<li><a href="about.html" class="footer__link">About</a></li>
<li><a href="faq.html" class="footer__link">FAQs</a></li>
<li><a href="sponsor.html" class="footer__link">Our Sponsors</a></li>
</ul>
</div>
<div class="footer__content">
<h3 class="footer__title">Information</h3>
<ul>
<li><a href="login.html" class="footer__link">Register/Login</a></li>
<li><a href="#" class="footer__link">Donate</a></li>
<li><a href="#" class="footer__link">Privacy policy</a></li>
<li><a href="#" class="footer__link">Terms of services</a></li>
</ul>
</div>
<div class="footer__content">
<h3 class="footer__title">Address</h3>
<ul>
<li>Lille - France</li>
<li>+33 6 46 48 08 02.</li>
<li>[email protected]</li>
</ul>
</div>
</div>
<p class="footer__copy">© 2020 1Letter1Smile. All right reserved</p>
</footer>
<!--========== SCROLL REVEAL ==========-->
<script src="https://unpkg.com/scrollreveal"></script>
<!--========== MAIN JS ==========-->
<script src="assets/js/main.js"></script>
</html>