Add files via upload

jesro · Aug 18, 2019 · e4950e2 · e4950e2
1 parent 01b43f0
commit e4950e2
Show file tree

Hide file tree

Showing 19 changed files with 942 additions and 0 deletions.
diff --git a/webDesignandDevelopment/For-practice-NotWorking-master/README.md b/webDesignandDevelopment/For-practice-NotWorking-master/README.md
@@ -0,0 +1 @@
+# practice
diff --git a/webDesignandDevelopment/For-practice-NotWorking-master/contactform.html b/webDesignandDevelopment/For-practice-NotWorking-master/contactform.html
@@ -0,0 +1,70 @@
+<html>
+<head>
+<style>
+
+input[type=text], select {
+    width: 330px;
+    padding: 12px 20px;
+    margin: 9px 0;
+    display: inline-block;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing: border-box;
+	float:left;
+}
+
+input[type=submit] {
+    width: 50%;
+    background-color: #4CAF50;
+    color: white;
+    padding: 14px 20px;
+    margin: 8px 0;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+	float:right;
+}
+
+input[type=submit]:hover {
+    background-color: #45a049;
+	float:right;
+}
+
+div {
+margin: 3px 0;
+width: 350px ;
+    border-radius: 3px;
+    background-color: #f2f2f2;
+    padding: 13px 6px;
+	float:right;
+}
+</style>
+
+</head>
+
+<body>
+<h2 align="right">Contact Us</h2>
+<div>
+<form name="contactform" method="post" action="contactform.php">
+
+  <label for="first_name">First Name *</label><br />
+  <input  type="text" placeholder="enter first name here" name="first_name" maxlength="50" size="30"><br /><br />
+
+  <label for="last_name">Last Name *</label><br />
+  <input  type="text" placeholder="enter last name here" name="last_name" maxlength="50" size="30"><br /><br />
+
+  <label for="email">Email Address *</label><br />
+  <input  type="text" placeholder="enter email address here" name="email" maxlength="80" size="30"><br /><br />
+
+  <label for="telephone">Mobile Number</label><br />
+  <input  type="text"  placeholder="enter mobile number here" name="Mobile" maxlength="30" size="30"><br /><br />
+
+  <label for="comments">Comments *</label><br />
+  <textarea  name="comments" placeholder="enter your valuable request here" maxlength="1000" cols="44" rows="6"></textarea><br /><br />
+
+  <input type="submit" value="Submit"/>   
+
+</form>
+</div>
+</body>
+</html>
diff --git a/webDesignandDevelopment/For-practice-NotWorking-master/contactform.php b/webDesignandDevelopment/For-practice-NotWorking-master/contactform.php
@@ -0,0 +1,150 @@
+<?php
+
+if(isset($_POST['email'])) {
+
+
+
+
+    $email_to = "samueljesro@gmail.com";
+
+    $email_subject = "Contact Admin";
+
+
+
+    function died($error) {
+
+
+
+        echo "ERROR FOUND <br /><br />";
+
+        echo $error."<br /><br />";
+
+        echo '<a href="contactform.html"><input type="button" value="PLEASE GO BACK AND ENTER"></a><br /><br />';
+
+        die();
+
+    }
+
+
+
+
+
+    if(!isset($_POST['first_name']) ||
+
+        !isset($_POST['last_name']) ||
+
+        !isset($_POST['email']) ||
+
+        !isset($_POST['Mobile']) ||
+
+        !isset($_POST['comments'])) {
+
+        died('We are sorry, but there appears to be a problem with the form you submitted.');       
+
+    }
+
+
+
+    $first_name = $_POST['first_name']; 
+
+    $last_name = $_POST['last_name']; 
+
+    $email_from = $_POST['email']; 
+
+    $mobile = $_POST['Mobile']; 
+
+    $comments = $_POST['comments']; 
+
+
+
+    $error_message = "";
+
+    $email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
+
+  if(!preg_match($email_exp,$email_from)) {
+
+    $error_message .= 'Please enter the valid <b>Email Address</b><br /><br />';
+
+  }
+
+    $string_exp = "/^[A-Za-z .'-]+$/";
+
+  if(!preg_match($string_exp,$first_name)) {
+
+    $error_message .= 'Please enter the valid <b>First Name</b><br /><br />';
+
+  }
+
+  if(!preg_match($string_exp,$last_name)) {
+
+    $error_message .= 'Please enter the valid <b>Last Name</b><br /><br />';
+
+  }
+
+  if(strlen($comments) < 2) {
+
+    $error_message .= 'Please enter the valid <b>Comments</b><br />';
+
+  }
+
+  if(strlen($error_message) > 0) {
+
+    died($error_message);
+
+  }
+
+    $email_message = "Form details below.\n\n";
+
+
+
+    function clean_string($string) {
+
+      $bad = array("content-type","bcc:","to:","cc:","href");
+
+      return str_replace($bad,"",$string);
+
+    }
+
+
+
+    $email_message .= "First Name: ".clean_string($first_name)."\n";
+
+    $email_message .= "Last Name: ".clean_string($last_name)."\n";
+
+    $email_message .= "Email: ".clean_string($email_from)."\n";
+
+    $email_message .= "Mobile: ".clean_string($mobile)."\n";
+
+    $email_message .= "Comments: ".clean_string($comments)."\n";
+
+
+
+
+
+
+
+$headers = 'From: '.$email_from."\r\n".
+
+'Reply-To: '.$email_from."\r\n" .
+
+'X-Mailer: PHP/' . phpversion();
+
+@mail($email_to, $email_subject, $email_message, $headers);  
+
+?>
+
+
+
+
+
+
+
+Thank you for contacting us. We will be in touch with you very soon.
+
+
+
+<?php
+
+}
+
+?>
diff --git a/webDesignandDevelopment/README.md b/webDesignandDevelopment/README.md
@@ -0,0 +1,4 @@
+## webDesignandDevelopment
+## Using HTML5, CSS3, Javascript, etc
+
+![28155252_2031558560438454_1878342696376991744_n](https://user-images.githubusercontent.com/10104522/48581003-a4670e80-e946-11e8-9e9f-fbc1eca85cbe.jpg)
diff --git a/webDesignandDevelopment/about.html b/webDesignandDevelopment/about.html
@@ -0,0 +1,62 @@
+<!Doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8" />
+	<meta name= "viewport" content="width=device-width" />
+	<meta name="description" content="This is my first website" />
+	<meta name="keywords" content="web design, professionals" />
+	<meta name="author" content="Jesro" />
+	<title>Jesro Webdesign | About</title>
+	<link rel = "stylesheet" type="text/css" href="style.css" />
+</head>
+
+<body>
+
+	<header>
+		<div class="container">
+			<div id="logo">
+				<h1><span class="highlight">Jesro</span> Web Design</h1>
+			</div>
+			<nav>
+				<ul>
+					<li><a href="index.html">Home</a></li>
+					<li class="current"><a href="about.html">About</a></li>
+					<li><a href="services.html">Services</a></li>
+				</ul>
+			</nav>
+		</div>
+	</header>
+
+	<section id="newsletter">
+		<div class="container">
+			<h1>Subscribe To Our Newsletter</h1>
+			<form action="email.php">
+				<input type="email" placeholder="Email">
+				<button type="submit" class="button_1">Subscribe</button>
+			</form>
+		</div>
+	</section>
+
+	<section id="main">
+		<div class="container">
+			<article id="main-col">
+				<h1 class="page-title">About Us</h1>
+				<p> Nam dictum neque id mauris congue, commodo pretium arcu lacinia. Mauris semper facilisis sollicitudin. Vestibulum in orci et felis sagittis hendrerit iaculis nec metus. Integer at velit in neque euismod fringilla et quis turpis. Nulla sodales, nisi a pretium varius, mi nisl finibus massa, a hendrerit sem mauris eu ex. Quisque vel mi eu nunc porttitor ornare. Nunc vitae diam congue, molestie nisi quis, bibendum magna. Proin mattis velit vel molestie laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam ornare egestas metus in pulvinar.
+</p><p>
+Fusce sollicitudin libero pharetra, interdum orci quis, hendrerit ex. Integer interdum bibendum laoreet. Duis molestie lectus malesuada pharetra fermentum. Donec suscipit purus vitae hendrerit pretium. Mauris vel placerat lorem. Aliquam eget lacus egestas, molestie dolor vitae, malesuada nisi. Maecenas felis turpis, viverra nec ultricies nec, tincidunt nec nibh. </p>
+			</article>
+			<aside id="sidebar">
+				<div class="dark">
+					<h3>What We Do</h3>
+					<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer tortor mi, fringilla venenatis justo vitae, consequat pellentesque enim. Praesent eget nisi vitae nulla consectetur blandit id ac sapien.</p>
+				</div>	
+			</aside>
+		</div>
+	</section>
+
+	<footer>
+		<p>Jesro Web Design, Copyright &copy; 2017</p>
+	</footer>
+
+</body>
+</html>
diff --git a/webDesignandDevelopment/all-posters-Active-master/README.md b/webDesignandDevelopment/all-posters-Active-master/README.md
@@ -0,0 +1,14 @@
+# Poster-1-Active
+Using HTML5, CSS3
+
+#Text Effect 
+https://codepen.io/jesro/pen/VJBxBm
+
+#Card Effect
+https://codepen.io/jesro/pen/ewjrjw
+
+#Math Poster
+https://codepen.io/jesro/pen/dBjemX
+
+#Parallax
+https://codepen.io/jesro/pen/wLxjXm
diff --git a/webDesignandDevelopment/all-posters-Active-master/ai.css b/webDesignandDevelopment/all-posters-Active-master/ai.css
@@ -0,0 +1,74 @@
+.jesro{
+	width: 275px;
+	height: 410px;
+	border-radius: 10px;
+	padding: 10px;
+    margin: 50px;
+	background-color: black;
+	background-size: 175px 248px;
+	box-shadow: 10px 10px 15px 2px grey;
+}
+p{
+	color: #ffd11a;
+	width: 100%;
+	text-align: center;
+	font-size: 25px;
+	font-family: 'Alegreya', serif;
+	padding: 0px;
+	text-shadow: 3px 3px 2px grey;
+	font-family: 'PT Serif Caption', serif;
+}
+h3{
+	color: #ffdb4d;
+	text-align: right;
+	text-shadow: 3px 3px 5px #ffdb4d;
+	font-family: 'Stalemate', cursive;
+}
+img{
+	width: 40%;
+	height: 70%;
+	margin: auto;
+	float: left;
+}
+#jj{
+	padding: 0px 2px 0px 2px;
+}
+h6{
+	white-space: pre;
+	text-align: right;
+	color: #00ff00;
+	font-family: 'Mr De Haviland', cursive;
+	font-size: 20px;
+	color: hsl(120,50%,50%);
+	line-height: 100%;
+}
+img#design{
+
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+