Skip to content

Instantly share code, notes, and snippets.

@pipethedev

pipethedev/index.php

Last active November 25, 2019 17:41
Show Gist options
  • Save pipethedev/4a29e8e7d31148a70d28b0e8c985431a to your computer and use it in GitHub Desktop.
Save pipethedev/4a29e8e7d31148a70d28b0e8c985431a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.php
<?php include 'send.php' ;?>
<!DOCTYPE html>
<html>
<head>
<title>Verification</title>
<!--Tailwind CSS-->
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<form class="w-full max-w-lg" method="post" action="index.php" style="position: absolute;top: 50% ; left:50%; transform: translate(-50%, -50%);">
<div class="flex flex-wrap -mx-3 mb-6">
<div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-first-name">
First Name
</label>
<input name="firstname" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-red-500 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white" id="grid-first-name" type="text" placeholder="Jane">
<p class="text-red-500 text-xs italic">Please fill out this field.</p>
</div>
<div class="w-full md:w-1/2 px-3">
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-last-name">
Last Name
</label>
<input name="lastname" class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" id="grid-last-name" type="text" placeholder="Doe">
</div>
</div>
<div class="flex flex-wrap -mx-3 mb-6">
<div class="w-full px-3">
<label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-password">
Email Address
</label>
<input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" id="grid-password" type="email" placeholder="Email Address">
</div>
</div>
<div class="md:flex md:items-center">
<div class="md:w-1/3"></div>
<div class="md:w-2/3">
<button name="send" type="submit" class="shadow bg-purple-500 hover:bg-purple-400 focus:shadow-outline focus:outline-none text-white font-bold py-2 px-4 rounded" type="button">
Sign Up
</button>
</div>
</div>
</form>
<!--Javascript Library --->
<script src="https://smtpjs.com/v3/smtp.js">
</script>
<script type="text/javascript">
Email.send({
Host : "smtp.gmail.com",
Username : "myemail@org.com",
Password : "password",
To:"<?php echo $email; ?>",
From : "myemail@org.com",
Subject : "Verification Code From Fn-Studyo",
Body : "This is your 6-digit verification code, do not disclose to anybody <?PHP echo $code; ?>. This code expires in 10 minutes."
}).then(
//Alerts the status
message => alert(message)
);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment