Skip to content

Commit 473c3a9

Browse files
Muhamad1375Muhamad1375
committed
main files added
0 parents  commit 473c3a9

17 files changed

+121
-0
lines changed

‎css/custom.css

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
body {
2+
background: #43cea2;
3+
background: -webkit-linear-gradient(to right, #185a9d, #43cea2);
4+
background: linear-gradient(to right, #185a9d, #43cea2);
5+
}
6+
#content {
7+
background-color: white;
8+
margin-top: 40px;
9+
-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
10+
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
11+
}
12+
#content::after {
13+
clear: both;
14+
display: block;
15+
content: '';
16+
}
17+
header {
18+
padding: 10px;
19+
text-align: center;
20+
color: white;
21+
font-size: 22px;
22+
font-family: 'Raleway', sans-serif;
23+
font-weight: 100;
24+
}
25+
form {
26+
margin: 30px 0;
27+
}
28+
#loaders {
29+
text-align: center;
30+
}
31+
#loaders img {
32+
width: 150px;
33+
margin: 0 auto;
34+
display: none;
35+
}
36+
#resetBtn {
37+
float: right;
38+
}

‎css/materialize.min.css

+13
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎fonts/roboto/Roboto-Bold.woff

88.2 KB
Binary file not shown.

‎fonts/roboto/Roboto-Bold.woff2

63.3 KB
Binary file not shown.

‎fonts/roboto/Roboto-Light.woff

87.6 KB
Binary file not shown.

‎fonts/roboto/Roboto-Light.woff2

62.8 KB
Binary file not shown.

‎fonts/roboto/Roboto-Medium.woff

88.4 KB
Binary file not shown.

‎fonts/roboto/Roboto-Medium.woff2

63.9 KB
Binary file not shown.

‎fonts/roboto/Roboto-Regular.woff

87.7 KB
Binary file not shown.

‎fonts/roboto/Roboto-Regular.woff2

63.3 KB
Binary file not shown.

‎fonts/roboto/Roboto-Thin.woff

86.1 KB
Binary file not shown.

‎fonts/roboto/Roboto-Thin.woff2

61.6 KB
Binary file not shown.

‎img/mail.gif

964 KB
Loading

‎img/spinner.gif

166 KB
Loading

‎index.html

+64
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
5+
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300" rel="stylesheet">
6+
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
7+
<link rel="stylesheet" href="css/custom.css">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
9+
<title>Send Email</title>
10+
</head>
11+
<body>
12+
13+
<div class="container">
14+
<div class="row">
15+
<div class="col s8 offset-s2">
16+
<div id="content" class="m2">
17+
<header id="header" class=" pink darken-1">
18+
Send New Email
19+
</header>
20+
<form id="email-form" action="#" class="col s10 offset-s1">
21+
<div class="row">
22+
<div class="input-field col s12">
23+
<input id="email" type="email">
24+
<label for="email">To:</label>
25+
</div>
26+
<div class="input-field col s12">
27+
<input id="subject" type="text">
28+
<label for="subject">Subject:</label>
29+
</div>
30+
</div>
31+
32+
<div class="row">
33+
<div class="input-field col s12">
34+
<textarea id="message" class="materialize-textarea"></textarea>
35+
<label for="message">Mesage</label>
36+
</div>
37+
</div>
38+
<div class="row" id="loaders">
39+
<img id="spinner" src="img/spinner.gif" width="150">
40+
</div>
41+
<div class="row">
42+
<div class="col s6">
43+
<button id="sendBtn" class="btn waves-effect waves-light pink darken-2" type="submit" name="action">Send
44+
<i class="material-icons right">send</i>
45+
</button>
46+
</div>
47+
<div class="col s6">
48+
<button id="resetBtn" class="btn waves-effect waves-light light-blue darken-2" type="submit">Reset
49+
<i class="material-icons right">delete</i>
50+
</button>
51+
</div>
52+
</div>
53+
</form>
54+
55+
</div> <!--.contenido-->
56+
</div>
57+
</div>
58+
</div>
59+
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
60+
<script type="text/javascript" src="js/materialize.min.js"></script>
61+
<script src="js/app.js"></script>
62+
</body>
63+
</html>
64+

‎js/app.js

Whitespace-only changes.

‎js/materialize.min.js

+6
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)