-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathemail_template.html
145 lines (145 loc) · 5.82 KB
/
email_template.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GetTech By Snehaji</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
width: 100%;
max-width: 600px;
margin: 0 auto;
background-color: #ffffff;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header {
background-color: #4CAF50;
color: #ffffff;
padding: 10px;
text-align: center;
}
.header h1 {
margin: 0;
}
.content {
padding: 20px;
}
.content h2 {
color: #4CAF50;
}
.content p {
line-height: 1.6;
}
.content ul {
padding-left: 20px;
}
.content ul li {
margin-bottom: 10px;
}
.quiz-question {
margin-bottom: 20px;
}
.quiz-question h3 {
margin: 0;
color: #333;
}
.quiz-options {
list-style-type: none;
padding: 0;
}
.quiz-options li {
margin-bottom: 10px;
}
.quiz-options input {
margin-right: 10px;
}
.footer {
text-align: center;
padding: 10px;
background-color: #f4f4f4;
color: #777777;
font-size: 12px;
}
.footer a {
color: #4CAF50;
text-decoration: none;
}
.author {
margin-top: 20px;
text-align: right;
font-style: italic;
color: #7f8c8d;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Weekly GetTech Quiz</h1>
</div>
<div class="content">
<h2>This Week's Questions</h2>
<p>Test your tech knowledge with our GetTech weekly quiz! Answer the questions below and see how you stack up against your peers.</p>
<div class="quiz-question">
<h3>Question 1: What is the main advantage of using a NoSQL database over a SQL database?</h3>
<ul class="quiz-options">
<li><input type="radio" name="question1" value="a"> A. Flexibility in data models</li>
<li><input type="radio" name="question1" value="b"> B. Better security</li>
<li><input type="radio" name="question1" value="c"> C. Easier to use</li>
<li><input type="radio" name="question1" value="d"> D. Lower cost</li>
</ul>
</div>
<div class="quiz-question">
<h3>Question 2: Which programming language is primarily used for iOS app development?</h3>
<ul class="quiz-options">
<li><input type="radio" name="question2" value="a"> A. Java</li>
<li><input type="radio" name="question2" value="b"> B. Python</li>
<li><input type="radio" name="question2" value="c"> C. Swift</li>
<li><input type="radio" name="question2" value="d"> D. Kotlin</li>
</ul>
<div class="quiz-question">
<h3>Question 3: What is the primary purpose of a load balancer in a web application?</h3>
<ul class="quiz-options">
<li><input type="radio" name="question3" value="a"> A. To store data</li>
<li><input type="radio" name="question3" value="b"> B. To distribute network or application traffic</li>
<li><input type="radio" name="question3" value="c"> C. To improve security</li>
<li><input type="radio" name="question3" value="d"> D. To speed up database queries</li>
</ul>
</div>
<div class="quiz-question">
<h3>Question 4: Which technology is used to make webpages interactive?</h3>
<ul class="quiz-options">
<li><input type="radio" name="question4" value="a"> A. HTML</li>
<li><input type="radio" name="question4" value="b"> B. CSS</li>
<li><input type="radio" name="question4" value="c"> C. JavaScript</li>
<li><input type="radio" name="question4" value="d"> D. SQL</li>
</ul>
</div>
<div class="quiz-question">
<h3>Question 5: What is the main function of an API (Application Programming Interface)?</h3>
<ul class="quiz-options">
<li><input type="radio" name="question5" value="a"> A. To manage the database</li>
<li><input type="radio" name="question5" value="b"> B. To allow different software applications to communicate with each other</li>
<li><input type="radio" name="question5" value="c"> C. To design user interfaces</li>
<li><input type="radio" name="question5" value="d"> D. To secure web applications</li>
</ul>
</div>
<p>Submit your answers by clicking <a href="submission_link">here</a>. Good luck!</p>
<div class="author">
<p>~ By Snehaji N</p>
</div>
</div>
<div class="footer">
<p>© 2024 GetTech. All rights reserved.</p>
<p><a href="unsubscribe_link">Unsubscribe</a> | <a href="privacy_policy_link">Privacy Policy</a></p>
</div>
</div>
</body>
</html>