Skip to content

Commit 12a2033

Browse files
dabit3dabit3
committed
Added page for mailing list
1 parent 9c146b7 commit 12a2033

File tree

5 files changed

+312
-1
lines changed

5 files changed

+312
-1
lines changed

‎css/style.css

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -90,6 +90,34 @@ border-bottom: 1px solid rgba(255,255,255,.05)
9090
height:500px;
9191
}
9292

93+
94+
.main-header2 {
95+
position: relative;
96+
z-index: 1;
97+
/* Location of the image */
98+
background-image: url(../images/bg1.jpg);
99+
100+
/* Background image is centered vertically and horizontally at all times */
101+
background-position: center center;
102+
103+
/* Background image doesn't tile */
104+
background-repeat: no-repeat;
105+
106+
/* Background image is fixed in the viewport so that it doesn't move when
107+
the content's height is greater than the image's height */
108+
109+
110+
/* This is what makes the background image rescale based
111+
on the container's size */
112+
background-size: cover;
113+
114+
/* Set a background color that will be displayed
115+
while the background image is loading */
116+
background-color: #464646;
117+
118+
119+
}
120+
93121
.mainnav {
94122
padding-top:30px;
95123
}
@@ -524,6 +552,103 @@ width:100%;
524552
border:1px solid rgba(0,0,0,.1);
525553
}
526554

555+
/* ******************* MAILING LIST PAGE ******************** */
556+
557+
input[type=text],
558+
input[type=email] {
559+
-webkit-box-sizing : border-box;‌​
560+
-moz-box-sizing : border-box;
561+
box-sizing : border-box;
562+
}
563+
564+
.mailing-list {
565+
padding: 100px 350px 100px;
566+
}
567+
568+
.mailing-list-signup {
569+
padding:20px;
570+
background: rgba(255, 255, 255, .9);
571+
border-radius: 2px;
572+
box-shadow: 0px 0px 25px rgba(0,0,0,.7);
573+
574+
}
575+
576+
.mailing-list-signup .textinput {
577+
width:100%;
578+
font-family: 'Lato', sans-serif;
579+
font-size: 22px;
580+
border:none;
581+
padding:10px 4px;
582+
color:#b2b2b2;
583+
}
584+
585+
.mailing-list-signup .textinput:focus, .mailing-list-signup .textinput:active {
586+
border:none;
587+
outline:none;
588+
box-shadow: inset 1px 1px 2px rgba(0,0,0,.14)
589+
}
590+
591+
.ml1 {
592+
margin-bottom:20px;
593+
}
594+
595+
.ml1 label {
596+
font-size:26px;
597+
color: #253E71;
598+
font-weight:300;
599+
text-transform:uppercase;
600+
padding-left:2px;
601+
}
602+
603+
.ml3 {
604+
margin-top:12px;
605+
width:145px;
606+
margin:19px auto 0px;
607+
}
608+
609+
.ml3 input {
610+
font-size: 22px;
611+
border:none;
612+
padding: 12px 30px 13px;
613+
color:#253E71;
614+
border-radius: 3px;
615+
transition:background .5s, color .5s, border .5s;
616+
-webkit-transition: background .5s, color: .5s;
617+
border-bottom:2px solid #ADA5A5;
618+
}
619+
620+
.ml3 input:hover {
621+
background:#081839;
622+
color:#f7f7f7;
623+
border-bottom:2px solid #081839;
624+
}
625+
626+
.mailing-list-copy {
627+
margin-top: 24px;
628+
border-top:1px solid #D1D1D1;
629+
margin-bottom: 24px;
630+
border-bottom:1px solid #d1d1d1;
631+
}
632+
633+
.mailing-list-copy p {
634+
color:#253E71;
635+
font-weight: 400;
636+
font-style:italic;
637+
text-align: center;
638+
}
639+
640+
.mailing-list-copy-heading {
641+
font-size:26px;
642+
color: #253E71;
643+
font-weight:300;
644+
text-transform:uppercase;
645+
padding-left:2px;
646+
}
647+
648+
.mailing-list-copy-p {
649+
color: #253E71;
650+
font-weight: 400;
651+
}
527652

528653
/* Media Queries */
529654

‎js/main.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ var open = false,
3131
mobilenav = $('.mobilenav'),
3232
content = $('.content');
3333

34-
tl.to(mobilenav, 4, {backgroundColor:"#081839", delay:5, repeat:-1, yoyo:true})
34+
// tl.to(mobilenav, 4, {backgroundColor:"#081839", delay:5, repeat:-1, yoyo:true})
3535

3636
$(sponsorone).click(function() {
3737

‎js/sendmail.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
$(document).ready(function() {
2+
3+
4+
5+
});

‎mailing-list.html

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
5+
<meta charset="UTF-8">
6+
<title>{ JAWAD }</title>
7+
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,400italic' rel='stylesheet' type='text/css'>
8+
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
9+
<link rel="stylesheet" href="bower_components/normalize-css/normalize.css">
10+
<link rel="stylesheet" href="css/style.css">
11+
<script>
12+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
13+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
14+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
15+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
16+
17+
ga('create', 'UA-56521422-1', 'auto');
18+
ga('send', 'pageview');
19+
20+
</script>
21+
</head>
22+
<body>
23+
24+
25+
26+
<div class="navfixed">
27+
<div class="leftnav">
28+
<section class="navleft">
29+
<a href="#" class="aboutus"><h3 >ABOUT</h3></a>
30+
<a href="mailto:hello@developers.ms"><h3 class="contactus">CONTACT</h3> </a>
31+
<a href="mailto:hello@developers.ms?subject=Submit a talk" title="Submit a talk"><h3 class="giveatalk" >GIVE A TALK</h3></a>
32+
<a target="_blank" href="http://www.meetup.com/Jackson-Area-Web-And-App-Developers/"><h3>JOIN THE MEETUP</h3></a>
33+
<a href="#" class="usefullinks"><h3 >USEFUL LINKS</h3></a>
34+
<a href="https://twitter.com/jacksondevs" target="_blank"><h3><i class="fa fa-twitter"></i></h3></a>
35+
</section>
36+
</div>
37+
</div>
38+
39+
<div class="content">
40+
<div class="mobilenav">
41+
<div class="mobile-nav-container">
42+
<a href="#" id="mobile-hamburger"><h2 class="mobile-hamburger" ><img class="mobile-burger-image" src="images/nav.png" alt=""></h2></a><h1 class="mobile-logo">JAWAD</h1>
43+
</div>
44+
</div>
45+
46+
47+
<div class="main-header2">
48+
<section class="main-header-inner">
49+
<div class="main-top">
50+
<div class="mainnav">
51+
<nav><h2 class="hamburger" id="hamburger"><img class="navicon" src="images/nav.png" alt=""></h2><h1 class="topnav">JAWAD</h1></nav>
52+
</div>
53+
</div>
54+
<div class="mailing-list">
55+
<div class="mailing-list-signup">
56+
<div>
57+
<form action="">
58+
59+
<div class="ml1">
60+
<label for="email" class="emailinput">Newsletter</label><br />
61+
</div>
62+
63+
<div class="ml2">
64+
<input class="textinput" type="text" placeholder="Email">
65+
</div>
66+
67+
<div class="ml3">
68+
<input id="" class="" type="button" value="Sign Up" />
69+
</div>
70+
71+
</form>
72+
<div class="mailing-list-copy">
73+
<p>Please enter your email address if you would like to receive our weekly newsletter.</p>
74+
</div>
75+
<div class="mailing-list-copy-description">
76+
<p class="mailing-list-copy-heading">About the newsletter</p>
77+
<p class="mailing-list-copy-p">We will send carefully curated content from around the web about web and application development. These will include articles, tutorials, blog posts, and tweets! </p>
78+
<p class="mailing-list-copy-p">
79+
We will also be doing our best to keep a pulse on the local community and any events, hackathons, job openings, or cool things happening in the Jackson &amp; Mississippi technology communities.</p>
80+
</p>
81+
<p class="mailing-list-copy-p">We everyone to contribute to the newsletter by emailing us at <a href="mailto:mailinglist@developers.ms?subject=Newsletter Submission" style="color:#8E8D8D">mailinglist@developers.ms</a> with any content you think the community will enjoy, we will even give you a shoutout!</p>
82+
</div>
83+
</div>
84+
</div>
85+
</div>
86+
</section>
87+
</div>
88+
89+
90+
91+
<!-- <div class="fifth-container-wrap">
92+
<div class="fifth-container">
93+
<div class="recenttalks">
94+
<p class="recenttalks-p">Recent Talks</p>
95+
<div class="atalk">
96+
<div class="avatar-holder">
97+
<img src="https://en.gravatar.com/userimage/24505419/2701a4da2b9fe289dbf212b6410fca2c.jpg" alt="">
98+
</div>
99+
<div class="talk-holder">
100+
<p class="talk-h">Animating the browser with Greensock</p>
101+
<p class="talk-p">Date: 10/28/2014</p>
102+
<p class="talk-p">Presenter: Nader Dabit</p>
103+
</div>
104+
</div>
105+
</div>
106+
</div>
107+
</div> -->
108+
109+
<footer>
110+
<div class="mainfooter">
111+
<div class="footer-content">
112+
<a href="mailto:hello@developers.ms"><h4 class="footer-h4">HELLO@DEVELOPERS.MS</h4></a>
113+
<a href="https://twitter.com/jacksondevs" target="_blank"><h3 class="footer-h3"><i class="fa fa-twitter"></i></h3></a>
114+
</div>
115+
</div>
116+
</footer>
117+
118+
</div>
119+
120+
121+
<script src="bower_components/fastclick/lib/fastclick.js"></script>
122+
<script src="bower_components/jquery/dist/jquery.min.js"></script>
123+
<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.14.2/TweenMax.min.js"></script>
124+
<script src="js/main.js"></script>
125+
<script src="js/resize.js"></script>
126+
</body>
127+
</html>

‎mailing-list.php

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<?php
2+
if(isset($_POST['email'])) {
3+
4+
$email_to = "dabit3@gmail.com, mailinglist@developers.ms";
5+
$email_subject = "Add to mailing list";
6+
7+
function died($error) {
8+
echo "We are very sorry, but there were error(s) found with the form you submitted. ";
9+
echo "These errors appear below.<br /><br />";
10+
echo $error."<br /><br />";
11+
echo "Please go back and fix these errors.<br /><br />";
12+
die();
13+
}
14+
15+
// validation expected data exists
16+
if (!isset($_POST['email'])) {
17+
died('We are sorry, but there appears to be a problem with the form you submitted.');
18+
}
19+
20+
$email_from = $_POST['email']; // required
21+
22+
$error_message = "";
23+
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
24+
if(!preg_match($email_exp,$email_from)) {
25+
$error_message .= 'The Email Address you entered does not appear to be valid.<br />';
26+
}
27+
$string_exp = "/^[A-Za-z .'-]+$/";
28+
29+
if(strlen($error_message) > 0) {
30+
died($error_message);
31+
}
32+
$email_message = "Form details below.\n\n";
33+
34+
function clean_string($string) {
35+
$bad = array("content-type","bcc:","to:","cc:","href");
36+
return str_replace($bad,"",$string);
37+
}
38+
39+
$email_message .= "Add To Mailing List."."\n";
40+
$email_message .= "Email: ".clean_string($email_from)."\n";
41+
42+
43+
// create email headers
44+
$headers = 'From: info@codesouthlabs.com'."\r\n".
45+
'Reply-To: '.$email_from."\r\n" .
46+
'X-Mailer: PHP/' . phpversion();
47+
@mail($email_to, $email_subject, $email_message, $headers);
48+
?>
49+
50+
<!-- include your own success html here -->
51+
52+
<?php
53+
}
54+
?>

0 commit comments

Comments
 (0)