-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (90 loc) · 3.17 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
<!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>Mass-Mail Dispatcher</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css">
<!-- <style>
.bg {
background-color: #aaa;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style> -->
</head>
<body>
<nav>
<ul>
</li><a href=""><h1>Exposys Data Lab</h1></a></li>
</ul>
</nav>
<div class="bg">
<div class="container ">
<div class="select animated fadeInDown delay-4s">
<h1 id="head">Mass Mail Dispatcher</h1>
<input type="file" id="upload" accept="text/csv">
</div>
<div class="mailInfo">
<form onsubmit="sendEmail(); reset(); return false;">
<h2 id="box-heading">DISPATCH HERE!</h2>
<p><input type="email" id="from" placeholder="From (Email ID)" required></p>
<p><input type="text" id="subject" placeholder="Subject" required></p>
<p><textarea id="msg" rows="12" cols="12" placeholder="Body" required></textarea></p>
<p><button type="submit" id="submit">Send</button></p>
</form>
</div>
</div>
<hr>
<div class="tables">
<div class="valTab">
<table id="val">
<tr>
<td>
<h2>Valid Emails : <span id="valCount"></span></h2>
</td>
</tr>
</table>
</div>
<div class="invalTab">
<table id="inval">
<tr>
<td>
<h2>Invalid Emails : <span id="invalCount"></span></h2>
</td>
</tr>
</table>
</div>
</div>
</div>
</section>
<hr>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script src="main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.js"></script>
<script>var wow = new WOW(
{
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: true,
live: true,
callback: function (box) {
},
scrollContainer: null,
resetAnimation: true,
}
);
wow.init();
</script>
<div class="footer-basic">
<footer>
<p class="copyright">Made by <a href="https://www.linkedin.com/in/aarohi-pisolkar-b72705273" target="_blank">Aarohi Pisolkar</a></p>
</footer>
</div>
</body>
</html>