My Projects Code
Links:
//index.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel = "stylesheet" href = "regStyle.css">
<style>
body {
margin: 0;
box-sizing: border-box;
}
/* CSS for header */
.header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f5f5f5;
}
.header .logo {
font-size: 25px;
font-family: 'Sriracha', cursive;
color: #000;
text-decoration: none;
margin-left: 30px;
}
.nav-items {
display: flex;
justify-content: space-around;
align-items: center;
background-color: #f5f5f5;
margin-right: 20px;
}
.nav-items a {
text-decoration: none;
color: #000;
padding: 35px 20px;
}
/* CSS for main element */
.intro {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 520px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("https://images.unsplash.com/photo-1587620962725-abab7fe55159?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1031&q=80");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.intro h1 {
font-family: sans-serif;
font-size: 60px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
.intro p {
font-size: 20px;
color: #d1d1d1;
text-transform: uppercase;
margin: 20px 0;
}
.intro button {
background-color: #5edaf0;
color: #000;
padding: 10px 25px;
border: none;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.4)
}
.achievements {
display: flex;
justify-content: space-around;
align-items: center;
padding: 40px 80px;
}
.achievements .work {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 40px;
}
.achievements .work i {
width: fit-content;
font-size: 50px;
color: #333333;
border-radius: 50%;
border: 2px solid #333333;
padding: 12px;
}
.achievements .work .work-heading {
font-size: 20px;
color: #333333;
text-transform: uppercase;
margin: 10px 0;
}
.achievements .work .work-text {
font-size: 15px;
color: #585858;
margin: 10px 0;
}
.about-me {
display: flex;
justify-content: center;
align-items: center;
padding: 40px 80px;
border-top: 2px solid #eeeeee;
}
.about-me img {
width: 500px;
max-width: 100%;
height: auto;
border-radius: 10px;
}
.about-me-text h2 {
font-size: 30px;
color: #333333;
text-transform: uppercase;
margin: 0;
}
.about-me-text p {
font-size: 15px;
color: #585858;
margin: 10px 0;
}
/* CSS for footer */
.footer {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #302f49;
padding: 40px 80px;
}
.footer .copy {
color: #fff;
}
.bottom-links {
display: flex;
justify-content: space-around;
align-items: center;
padding: 40px 0;
}
.bottom-links .links {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 40px;
}
.bottom-links .links span {
font-size: 20px;
color: #fff;
text-transform: uppercase;
margin: 10px 0;
}
.bottom-links .links a {
text-decoration: none;
color: #a1a1a1;
padding: 10px 20px;
}
</style>
</head>
<body>
<header class="header">
<a href="#" class="logo">Just Interview Sceduling </a>
<nav class="nav-items">
<a href="login.html"> Sign In</a>
<a href="reg.html"> Sign Up </a>
<a href="#">Home</a>
<a href="about.html">About</a>
<a href="#">Contact</a>
</nav>
</header>
<main>
<div class="intro">
<h1>It's Your Journey</h1>
<p> Your all-in-one online interview scheduler</p>
<p> VIRTUAL FACE-TO-FACE MOCK INTERVIEWS WITH ME </p>
<p> Let candidates self-book 24/7 with an online interview scheduling tool </p>
<button> <a href="login.html">Book Appointment</a> </button>
</div>
<div class="achievements">
<div class="work">
<i class="fas fa-atom"></i>
<p class="work-heading">Projects</p>
<p class="work-text">I have worked on many projects and I am very proud of them. I am a very good developer and I am always looking for new projects.</p>
</div>
<div class="work">
<i class="fas fa-skiing"></i>
<p class="work-heading">Skills</p>
<p class="work-text">I have a lot of skills and I am very good at them. I am very good at programming and I am always looking for new skills.</p>
</div>
<div class="work">
<i class="fas fa-ethernet"></i>
<p class="work-heading">Network</p>
<p class="work-text">I have a lot of network skills and I am very good at them. I am very good at networking and I am always looking for new network skills.</p>
</div>
</div>
<div class="about-me">
<div class="about-me-text">
<h2>About Me</h2>
<p>I am a Swapnil jamble, & I love to learn new things,I am very good in java programming, & I am always looking for new opportunity. </p>
<h3> Contact me:</h3>
<a href="https://www.youtube.com/@feelwithme8"> My Youtube Channel </a> <BR>
<a href="https://t.me/BcsComputerScience">Bsc Computer Science Telegram Channel </a> <BR>
<a href="https://learnwithnil.blogspot.com"> My Blog </a> <BR>
<a href = "https://github.com/swapnil-jamble"> My GitHub Account </a> <BR>
<a href = "https://in.linkedin.com/in/swapnil-jamble"> My Linkedin Account </a> <BR>
<a href = "linktr.ee/Sj0"> MyInfo </a> <BR>
</div>
<img src="https://images.unsplash.com/photo-1596495578065-6e0763fa1178?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=871&q=80" alt="me">
</div>
</main>
<div class="about-me">
<p> As the adage goes practice makes perfect! Mock interviews by InterviewBuddy give you the platform to prepare, practice and experience firsthand how a real-life job interview feels. Familiarizing yourself with the interview environment beforehand in a relaxed and stress-free environment gives you an edge over your peers</p>
</div>
<footer class="footer">
<div class="copy">© 2022 Developer</div>
<div class="bottom-links">
<div class="links">
<span>More Info</span>
<a href="#">Home</a>
<a href="BookInterview.html"> About </a>
<a href="#">Contact</a>
</div>
<div class="links">
<span>Social Links</span>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</footer>
</body>
</html>
ft-form.css
<!DOCTYPE html>
<html lang="en">
<head>
<link rel = "stylesheet" href = "regStyle.css">
<style>
body {
margin: 0;
box-sizing: border-box;
}
/* CSS for header */
.header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f5f5f5;
}
.header .logo {
font-size: 25px;
font-family: 'Sriracha', cursive;
color: #000;
text-decoration: none;
margin-left: 30px;
}
.nav-items {
display: flex;
justify-content: space-around;
align-items: center;
background-color: #f5f5f5;
margin-right: 20px;
}
.nav-items a {
text-decoration: none;
color: #000;
padding: 35px 20px;
}
/* CSS for main element */
.intro {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 520px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("https://images.unsplash.com/photo-1587620962725-abab7fe55159?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1031&q=80");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.intro h1 {
font-family: sans-serif;
font-size: 60px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
.intro p {
font-size: 20px;
color: #d1d1d1;
text-transform: uppercase;
margin: 20px 0;
}
.intro button {
background-color: #5edaf0;
color: #000;
padding: 10px 25px;
border: none;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.4)
}
.achievements {
display: flex;
justify-content: space-around;
align-items: center;
padding: 40px 80px;
}
.achievements .work {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 40px;
}
.achievements .work i {
width: fit-content;
font-size: 50px;
color: #333333;
border-radius: 50%;
border: 2px solid #333333;
padding: 12px;
}
.achievements .work .work-heading {
font-size: 20px;
color: #333333;
text-transform: uppercase;
margin: 10px 0;
}
.achievements .work .work-text {
font-size: 15px;
color: #585858;
margin: 10px 0;
}
.about-me {
display: flex;
justify-content: center;
align-items: center;
padding: 40px 80px;
border-top: 2px solid #eeeeee;
}
.about-me img {
width: 500px;
max-width: 100%;
height: auto;
border-radius: 10px;
}
.about-me-text h2 {
font-size: 30px;
color: #333333;
text-transform: uppercase;
margin: 0;
}
.about-me-text p {
font-size: 15px;
color: #585858;
margin: 10px 0;
}
/* CSS for footer */
.footer {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #302f49;
padding: 40px 80px;
}
.footer .copy {
color: #fff;
}
.bottom-links {
display: flex;
justify-content: space-around;
align-items: center;
padding: 40px 0;
}
.bottom-links .links {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 40px;
}
.bottom-links .links span {
font-size: 20px;
color: #fff;
text-transform: uppercase;
margin: 10px 0;
}
.bottom-links .links a {
text-decoration: none;
color: #a1a1a1;
padding: 10px 20px;
}
</style>
</head>
<body>
<header class="header">
<a href="#" class="logo">Free Mock Interview</a>
<nav class="nav-items">
<a href="login.html"> Sign In</a>
<a href="reg.html"> Sign Up </a>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
</header>
<main>
<div class="intro">
<h1>It's Your Journey</h1>
<p>Just Book Ur Interview</p>
<button><a href = "login.html">BookInterview </a> </button>
</div>
<div class="achievements">
<div class="work">
<i class="fas fa-atom"></i>
<p class="work-heading">Projects</p>
<p class="work-text">I have worked on many projects and I am very proud of them. I am a very good developer and I am always looking for new projects.</p>
</div>
<div class="work">
<i class="fas fa-skiing"></i>
<p class="work-heading">Skills</p>
<p class="work-text">I have a lot of skills and I am very good at them. I am very good at programming and I am always looking for new skills.</p>
</div>
<div class="work">
<i class="fas fa-ethernet"></i>
<p class="work-heading">Network</p>
<p class="work-text">I have a lot of network skills and I am very good at them. I am very good at networking and I am always looking for new network skills.</p>
</div>
</div>
<div class="about-me">
<div class="about-me-text">
<h2>About Me</h2>
<p>I am a web developer and I love to create websites. I am a very good developer and I am always looking for new projects. I am a very good developer and I am always looking for new projects.</p>
</div>
<img src="https://images.unsplash.com/photo-1596495578065-6e0763fa1178?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=871&q=80" alt="me">
</div>
</main>
<footer class="footer">
<div class="copy">© 2022 Developer</div>
<div class="bottom-links">
<div class="links">
<span>More Info</span>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</div>
<div class="links">
<span>Social Links</span>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</footer>
</body>
</html>
login.html
<html>
<head>
<link rel = "stylesheet" href = "regStyle.css">
<title> Login </title>
</head>
<body>
<form action = "chkLogin.php" method = "POST">
<div class = "container">
<h1>Login</h1>
<p>Welcome</p>
<label for="username"><b>Username</b></label>
<input
type="text"
placeholder="Enter username"
name="username"
id="username"
required
/>
<label for="pwd"><b>Password</b></label>
<input
type="password"
placeholder="Enter Password"
name="password"
id="pwd"
required
/>
<button type="submit">Login</button>
</div>
<div>
<p>Already have an not account? <a href="reg.html">Sign Up</a>.</p>
</div>
</form>
</body>
</html>
chkLogin.php
<?php
$host = "localhost";
$user = "root";
$pass = "";
$db = "my_event";
$conn = mysqli_connect($host,$user,$pass,$db);
if($conn)
echo "<h1> <center>Sucessfully Connected </center> </h1>";
else
echo "There is a problem to connect database..";
$username = $_POST['username'];
$password = $_POST['password'];
$query = "select * from customer where username = '$username' AND password = '$password'";
$result = mysqli_query($conn,$query);
$count = mysqli_num_rows($result);
if(mysqli_num_rows($result)===1)
{
$row = mysqli_fetch_assoc($result);
if($row['username']===$username && $row['password']===$password )
echo "<h1> <center> Login Successfully</center> </h1>";
else
echo "<h1> <center> Login Failed, Invalid username & password</center> </h1>";
}
?>
reg.html
<html>
<head>
<link rel = "stylesheet" href = "regStyle.css">
<title> Registration </title>
</head>
<body>
<form action = "reg.php" method = "POST">
<div class = "container">
<h1>Register</h1>
<p>Kindly fill in this form to register.</p>
<label for="username"><b>Username</b></label>
<input
type="text"
placeholder="Enter username"
name="username"
id="username"
required
/>
<label for="email"><b>Email</b></label>
<input
type="text"
placeholder="Enter Email"
name="email"
id="email"
required
/>
<label for="pwd"><b>Password</b></label>
<input
type="password"
placeholder="Enter Password"
name="password"
id="pwd"
required
/>
<label for="pwd-repeat"><b>Repeat Password</b></label>
<input
type="password"
placeholder="Repeat Password"
name="pwd-repeat"
id="pwd-repeat"
required
/>
<button type="submit">Register</button>
</div>
<!-- wrapping the text inside the p tag with a tag for routing to the login page URL-->
<!-- the # must ideally be replaced by the login page URL -->
<div>
<p>Already have an account? <a href="login.html">Log in</a>.</p>
</div>
</form>
</body>
</html>
reg.php
<?php
$host='localhost'; //mysql host name
$user='root'; //mysql username
$pass=''; //mysql password
$db='my_event'; //mysql database
$con=mysqli_connect($host,$user,$pass,$db);
if($con) {
echo "Connection successful";
}
else {
echo "Connection error";
}
$username =$_POST['username'];
$email =$_POST["email"];
$password =$_POST["password"];
$sql = "INSERT INTO customer(username,email,password) VALUES ('$username','$email','$password')";
if (mysqli_query($con, $sql)) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}
mysqli_close($con);
?>
regStyle.css
/* font family is added */
body {
font-family: Arial, Helvetica, sans-serif;
}
form {
display: flex;
flex-direction: column;
align-items: center;
}
.container {
display: flex;
flex-direction: column;
width: 25vw;
}
h1, p {
text-align: center;
}
/* desired spacing for input fields */
input {
margin: 0.25em 0em 1em 0em;
}
/* more styles added to beautify the input fields */
input {
margin: 0.25em 0em 1em 0em;
outline: none;
padding: 0.5em;
border: none;
background-color: rgb(225, 225, 225);
border-radius: 0.25em;
color: black;
}
/* styles for button */
button {
padding: 0.75em;
border: none;
outline: none;
background-color: rgb(68, 18, 232);
color: white;
border-radius: 0.25em;
}
/* hover functionality for button */
button:hover {
cursor: pointer;
background-color: rgb(41, 4, 164);
}
BookInterview.html
<html>
<head>
<link rel = "stylesheet" href = "regStyle.css">
<title> Booking Request </title>
</head>
<body>
<form>
<div class = "container">
<h1>Booking Data</h1>
<p>Kindly fill in this form to booking</p>
<label for="username"><b>Username</b></label>
<input
type="text"
placeholder="Enter username"
name="username"
id="username"
required
/>
<label for="email"><b>Email</b></label>
<input
type="text"
placeholder="Enter Email"
name="email"
id="email"
required
/>
<label for="pwd"><b>Password</b></label>
<input
type="password"
placeholder="Enter Password"
name="pwd"
id="pwd"
required
/>
<label for="pwd-repeat"><b>Repeat Password</b></label>
<input
type="password"
placeholder="Repeat Password"
name="pwd-repeat"
id="pwd-repeat"
required
/>
<button type="submit">Register</button>
</div>
<!-- wrapping the text inside the p tag with a tag for routing to the login page URL-->
<!-- the # must ideally be replaced by the login page URL -->
<div>
<p>Already have an account? <a href="#">Log in</a>.</p>
</div>
</form>
</body>
</html>
BookInterview.php
<?php
$host='localhost'; //mysql host name
$user='root'; //mysql username
$pass=''; //mysql password
$db='my_event'; //mysql database
$con=mysqli_connect($host,$user,$pass,$db);
if($con) {
echo "<h1> <center>Sucessfully Connected </center> </h1>";
}
else {
echo "Connection error";
}
echo "<body style =background-image:url('https://images.pexels.com/photos/1005417/pexels-photo-1005417.jpeg?auto=compress&cs=tinysrgb&w=600');background-repeat:no-repeat;background-size:cover;>";
$username =$_POST['name'];
$email =$_POST["email"];
$languages =$_POST["lang"];
$date = $_POST['AppointmentDate'];
$sql = "INSERT INTO BookInterview(username,email,languages,date) VALUES ('$username','$email','$languages','$date')";
if (mysqli_query($con, $sql)) {
echo "<h1> <center>Sucessfully Inserted Information </center> </h1>";
echo "<h1> <center>I will Message you on your email </center> </h1>";
echo "<h1> <center> If any query email me : learnworld8@gmail.com</center> </h1>";
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}
mysqli_close($con);
?>
about.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us Page - FantacyDesigns</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="about-section">
<div class="inner-container">
<h1>About Us</h1>
<p class="text">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus velit ducimus, enim inventore earum, eligendi nostrum pariatur necessitatibus eius dicta a voluptates sit deleniti autem error eos totam nisi neque voluptates sit deleniti autem error eos totam nisi neque.
</p>
<div class="skills">
<span class="active">Web Design</span>
<span>Pro Develpor</span>
<span>Android Develpor</span>
</div>
</div>
</div>
</body>
</html>
Style.css
body {
background: linear-gradient(to right, #0f2027, #203a43, #2c5364);
font-family: 'Poppins', sans-serif;
}
#form {
width: 300px;
margin: 20vh auto 0 auto;
padding: 20px;
background-color: whitesmoke;
border-radius: 4px;
font-size: 12px;
}
#form h1 {
color: #0f2027;
text-align: center;
}
#form button {
padding: 10px;
margin-top: 10px;
width: 100%;
color: white;
background-color: rgb(41, 57, 194);
border: none;
border-radius: 4px;
}
.input-control {
display: flex;
flex-direction: column;
}
.input-control input {
border: 2px solid #f0f0f0;
border-radius: 4px;
display: block;
font-size: 12px;
padding: 10px;
width: 100%;
}
.input-control input:focus {
outline: 0;
}
.input-control.success input {
border-color: #09c372;
}
.input-control.error input {
border-color: #ff3860;
}
.input-control .error {
color: #ff3860;
font-size: 9px;
height: 13px;
}
My Interview Web :
// about.css
*{
margin: 0;
padding: 0;
font-family: "Open Sans",sans-serif;
box-sizing: border-box;
}
body{
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #f1f1f1;
}
.about-section{
background: url(pic.jpg) no-repeat left;
background-size: 55%;
background-color: #fdfdfd;
overflow: hidden;
height: 100%;
padding: 100px 0;
}
.inner-container{
width: 55%;
float: right;
background-color: #fdfdfd;
padding: 150px;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.inner-container h1{
margin-bottom: 30px;
font-size: 30px;
font-weight: 900;
}
.text{
font-size: 13px;
color: #545454;
line-height: 30px;
text-align: justify;
margin-bottom: 40px;
}
h1{
color: #F85370;
}
.skills{
display: flex;
justify-content: space-between;
font-weight: 700;
font-size: 13px;
}
@media screen and (max-width:1200px){
.inner-container{
padding: 80px;
}
}
@media screen and (max-width:1000px){
.about-section{
background-size: 100%;
padding: 100px 40px;
}
.inner-container{
width: 100%;
}
}
@media screen and (max-width:600px){
.about-section{
padding: 0;
}
.inner-container{
padding: 60px;
}
}
span{
cursor: pointer;
font-size: 16px;
text-align: center;
padding: 10px;
width: 500px;
}
span:hover{
background-image: linear-gradient(to right top, #f85370, #f35470, #ee5570, #e8556f, #e3566f);
color: #fff;
border-radius: 20px;
transition: 0.5s;
}
.active{
background-image: linear-gradient(to right top, #f85370, #f35470, #ee5570, #e8556f, #e3566f);
color: #fff;
border-radius: 20px;
}
// about.html
<html>
<head>
<title>About Us Page - FantacyDesigns</title>
<link rel="stylesheet" href="about.css">
</head>
<body>
<div class="about-section">
<div class="inner-container">
<h1>About Us</h1>
<p class="text">
hello friends, I'm Swapnil Jamble
I'm here for taking free Interview grab your chance.
If u have and query then email me on : learnworld8@gmail.com
<h3> Contact me:</h3>
<a href="https://www.youtube.com/@feelwithme8"> My Youtube Channel </a> <BR>
<a href="https://t.me/BcsComputerScience">Bsc Computer Science Telegram Channel </a> <BR>
<a href="https://learnwithnil.blogspot.com"> My Blog </a> <BR>
<a href = "https://github.com/swapnil-jamble"> My GitHub Account </a> <BR>
<a href = "https://in.linkedin.com/in/swapnil-jamble"> My Linkedin Account </a> <BR>
<a href = "linktr.ee/Sj0"> MyInfo </a> <BR>
</p>
<div class="skills">
<span class="active">Web Design</span>
<span>Pro Develpor</span>
<span>Android Develpor</span>
</div>
</div>
</div>
</body>
</html>
// BookInterview.html
<html>
<head>
<link rel="stylesheet" href="ft-form.css">
</head>
<body style ="background-image:url('https://images.pexels.com/photos/2310713/pexels-photo-2310713.jpeg?auto=compress&cs=tinysrgb&w=600');background-repeat:no-repeat;background-size:cover;">
<form action="BookInterview.php" id="ft-form" method="POST" accept-charset="UTF-8">
<fieldset>
<legend>For person</legend>
<label>
UserName:
<input type="text" name="name" required placeholder="plz enter ur login username">
</label>
<div class="two-cols">
<label>
Email address
<input type="email" name="email" required placeholder="plz enter valid email-id">
</label>
<label>
Computer Languages:
<input type="text" name="lang">
</label>
</div>
</fieldset>
<fieldset>
<legend>Appointment request</legend>
<div class="two-cols">
<label>
Date
<input type="date" name="AppointmentDate" required>
</label>
<div class="inline">
<label>
<input type="hidden" name="Morning desired" value="no">
<input type="radio" name="time" value="yes">
Morning
</label>
<label>
<input type="hidden" name="Afternoon desired" value="no">
<input type="radio" name="time" value="yes">
Afternoon
</label>
</div>
</div>
<p>Confirmation requested by</p>
<div class="inline">
<label>
<input type="radio" name="Confirmation" value="email" checked>
Email
</label>
</div>
</fieldset>
<div class="btns">
<input type="text" name="_gotcha" value="" style="display:none;">
<input type="submit" value="Submit request">
</div>
</form>
</body>
</html>
// BookInterview.php
<?php
$host='sql1128.epizy.com'; //mysql host name
$user='epiz_338247958'; //mysql username
$pass='HtDduG9bfSRb58'; //mysql password
$db='epiz_338247958_nil_event'; //mysql database
$con=mysqli_connect($host,$user,$pass,$db);
if($con) {
echo "<h1> <center>Sucessfully Connected </center> </h1>";
}
else {
echo "Connection error";
}
echo "<body style =background-image:url('https://images.pexels.com/photos/1005417/pexels-photo-1005417.jpeg?auto=compress&cs=tinysrgb&w=600');background-repeat:no-repeat;background-size:cover;>";
$username =$_POST['name'];
$email =$_POST["email"];
$languages =$_POST["lang"];
$date = $_POST['AppointmentDate'];
$sql = "INSERT INTO BookInterview(username,email,languages,date) VALUES ('$username','$email','$languages','$date')";
if (mysqli_query($con, $sql)) {
echo "<h1> <center>Sucessfully Inserted Information </center> </h1>";
echo "<h1> <center>I will Message you on your email </center> </h1>";
echo "<h1> <center> If any query email me : learnworld8@gmail.com</center> </h1>";
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}
mysqli_close($con);
?>
//chkLogin.php
<?php
$host='sql1128.epizy.com'; //mysql host name
$user='epiz_338247958'; //mysql username
$pass='HtDduG9bfSRb58'; //mysql password
$db='epiz_338247958_nil_event'; //mysql database
echo "<body style =background-image:url('https://images.pexels.com/photos/1005417/pexels-photo-1005417.jpeg?auto=compress&cs=tinysrgb&w=600');background-repeat:no-repeat;background-size:cover;>";
$conn = mysqli_connect($host,$user,$pass,$db);
if($conn)
echo "<h1> <center> </center> </h1>";
else
echo "<h1> <center> There is a problem to connect database..</center> </h1>";
$username = $_POST['username'];
$password = $_POST['password'];
$query = "select * from customer where username = '$username' AND password = '$password'";
$result = mysqli_query($conn,$query);
$count = mysqli_num_rows($result);
if(mysqli_num_rows($result)===1)
{
$row = mysqli_fetch_assoc($result);
if($row['username']===$username && $row['password']===$password )
{
echo "<h1> <center> Login Successfully</center> </h1>";
echo "<center> <h1> <button> <a href='BookInterview.html'> Click Here To Book Appointment</a> </button> </h1> </center>";
} }
else
echo "<h1> <center> Login Failed, Invalid username & password</center> </h1> ";
?>
// connect.php
<?php
$host='sql1128.epizy.com'; //mysql host name
$user='epiz_338247958'; //mysql username
$pass='HtDduG9bfSRb58'; //mysql password
$db='epiz_338247958_nil_event'; //mysql database
$con=mysqli_connect($host,$user,$pass,$db);
if($con) {
echo "Connection successful";
}
else {
echo "Connection error";
}
$Username =$_POST["username"];
$Email =$_POST["email"];
$Password =$_POST["password"];
$sql = "INSERT INTO client(username,email,password)
VALUES ('".$Username."', '".$Email."', '".$Password."')";
if (mysqli_query($con, $sql)) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}
mysqli_close($conn);
?>
?>
// ft-form.css
#ft-form {
font-family: inherit;
font-size: 100%;
line-height: 1.15
}
#ft-form *,
#ft-form ::after,
#ft-form ::before {
box-sizing: border-box
}
#ft-form input,
#ft-form select,
#ft-form textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
#ft-form select {
text-transform: none
}
#ft-form [type=submit] {
-webkit-appearance: button
}
#ft-form legend {
padding: 0
}
#ft-form h2,
#ft-form p {
margin: 0
}
#ft-form fieldset {
margin: 0;
padding: 0
}
#ft-form html {
font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
line-height: 1.5
}
#ft-form body {
font-family: inherit;
line-height: inherit
}
#ft-form *,
#ft-form ::after,
#ft-form ::before {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb
}
#ft-form textarea {
resize: vertical
}
#ft-form input::-moz-placeholder,
#ft-form textarea::-moz-placeholder {
color: #9ca3af
}
#ft-form input:-ms-input-placeholder,
#ft-form textarea:-ms-input-placeholder {
color: #9ca3af
}
#ft-form input::placeholder,
#ft-form textarea::placeholder {
color: #9ca3af
}
#ft-form h2 {
font-size: inherit;
font-weight: inherit
}
#ft-form input,
#ft-form select,
#ft-form textarea {
padding: 0;
line-height: inherit;
color: inherit
}
#ft-form [type=date],
#ft-form [type=email],
#ft-form [type=tel],
#ft-form [type=text],
#ft-form select,
#ft-form textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0;
padding-top: .5rem;
padding-right: .75rem;
padding-bottom: .5rem;
padding-left: .75rem;
font-size: 1rem;
line-height: 1.5rem
}
#ft-form [type=date]:focus,
#ft-form [type=email]:focus,
#ft-form [type=tel]:focus,
#ft-form [type=text]:focus,
#ft-form select:focus,
#ft-form textarea:focus {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: 0 0 0 0 #fff, 0 0 0 3px rgba(199,210,254,.5), 0 0 #0000;
border-color: #2563eb
}
#ft-form input::-moz-placeholder,
#ft-form textarea::-moz-placeholder {
color: #6b7280;
opacity: 1
}
#ft-form input:-ms-input-placeholder,
#ft-form textarea:-ms-input-placeholder {
color: #6b7280;
opacity: 1
}
#ft-form input::placeholder,
#ft-form textarea::placeholder {
color: #6b7280;
opacity: 1
}
#ft-form select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right .5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
color-adjust: exact
}
#ft-form [type=checkbox],
#ft-form [type=radio] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #2563eb;
background-color: #fff;
border-color: #6b7280;
border-width: 1px
}
#ft-form [type=checkbox] {
border-radius: 0
}
#ft-form [type=radio] {
border-radius: 100%
}
#ft-form [type=checkbox]:focus,
#ft-form [type=radio]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: 0 0 0 0 #fff, 0 0 0 3px rgba(199,210,254,.5), 0 0 #0000;
}
#ft-form [type=checkbox]:checked,
#ft-form [type=radio]:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat
}
#ft-form [type=checkbox]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}
#ft-form [type=radio]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}
#ft-form [type=checkbox]:checked:focus,
#ft-form [type=checkbox]:checked:hover,
#ft-form [type=radio]:checked:focus,
#ft-form [type=radio]:checked:hover {
border-color: transparent;
background-color: currentColor
}
#ft-form [type=checkbox]:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat
}
#ft-form [type=checkbox]:indeterminate:focus,
#ft-form [type=checkbox]:indeterminate:hover {
border-color: transparent;
background-color: currentColor
}
#ft-form [type=file] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit
}
#ft-form [type=file]:focus {
outline: 1px auto -webkit-focus-ring-color
}
#ft-form fieldset {
font-size: 100%;
margin-top: 3rem;
margin-bottom: 1.5rem
}
#ft-form fieldset:first-child {
margin-top: 0
}
#ft-form fieldset > * {
display: block;
margin-bottom: 1.5rem
}
#ft-form fieldset > :last-child {
margin-bottom: 0
}
#ft-form fieldset > .two-cols > * {
display: block;
margin-bottom: 1.5rem
}
#ft-form fieldset > .two-cols > :last-child {
margin-bottom: 0
}
@media only screen and (min-width:640px) {
#ft-form fieldset > .two-cols {
display: flex;
align-items: flex-end
}
#ft-form fieldset > .two-cols > * {
display: block;
margin-right: 1.5rem;
margin-top: 0;
margin-bottom: 0;
flex: 1
}
#ft-form fieldset > .two-cols > :last-child {
margin-right: 0
}
}
#ft-form fieldset div > label {
display: inline-flex;
align-items: flex-start;
margin-top: .5rem;
width: 100%
}
#ft-form fieldset div > label:last-child {
margin: .5rem 0 0 0
}
#ft-form fieldset div.inline {
padding: .55rem 0 0;
width: 100%
}
#ft-form fieldset div.inline > label {
width: auto;
margin-right: .5rem
}
#ft-form fieldset div.inline > label:last-child {
margin-right: 0
}
#ft-form fieldset > .two-cols div.inline {
padding: .55rem 0
}
#ft-form fieldset > legend {
font-weight: 700;
font-size: 120%;
margin-bottom: 1rem
}
#ft-form fieldset > p {
margin: 0
}
#ft-form [type=file] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #6b7280;
border-width: 1px;
border-radius: 0;
padding-top: .5rem;
padding-right: .75rem;
padding-bottom: .5rem;
padding-left: .75rem;
font-size: 1rem;
line-height: 1.5rem
}
#ft-form [type=file]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: 0 0 0 0 #fff, 0 0 0 3px rgba(199,210,254,.5), 0 0 #0000;
border-color: #2563eb
}
#ft-form [multiple],
#ft-form [type=date],
#ft-form [type=datetime-local],
#ft-form [type=email],
#ft-form [type=file],
#ft-form [type=month],
#ft-form [type=number],
#ft-form [type=password],
#ft-form [type=search],
#ft-form [type=tel],
#ft-form [type=text],
#ft-form [type=time],
#ft-form [type=url],
#ft-form [type=week],
#ft-form select,
#ft-form textarea {
border-radius: .375rem;
margin-top: .25rem;
box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(0,0,0,.05);
border-color: #bbb;
width: 100%
}
#ft-form [multiple] select,
#ft-form [type=date] select,
#ft-form [type=datetime-local] select,
#ft-form [type=email] select,
#ft-form [type=file] select,
#ft-form [type=month] select,
#ft-form [type=number] select,
#ft-form [type=password] select,
#ft-form [type=search] select,
#ft-form [type=tel] select,
#ft-form [type=text] select,
#ft-form [type=time] select,
#ft-form [type=url] select,
#ft-form [type=week] select,
#ft-form select select,
#ft-form textarea select {
padding-right: 2.5rem
}
#ft-form [multiple]:focus,
#ft-form [type=date]:focus,
#ft-form [type=datetime-local]:focus,
#ft-form [type=email]:focus,
#ft-form [type=file]:focus,
#ft-form [type=month]:focus,
#ft-form [type=number]:focus,
#ft-form [type=password]:focus,
#ft-form [type=search]:focus,
#ft-form [type=tel]:focus,
#ft-form [type=text]:focus,
#ft-form [type=time]:focus,
#ft-form [type=url]:focus,
#ft-form [type=week]:focus,
#ft-form select:focus,
#ft-form textarea:focus {
border-color: #bbb;
box-shadow: 0 0 0 0 #fff,0 0 0 3px rgba(199,210,254,.5),0 0 #0000
}
#ft-form [type=checkbox],
#ft-form [type=radio] {
color: #4f46e5;
box-shadow: none;
border-radius: .25rem;
border-color: #bbb;
margin-right: .5rem
}
#ft-form [type=checkbox]:focus,
#ft-form [type=radio]:focus {
border-color: #bbb;
box-shadow: 0 0 0 0 #fff,0 0 0 3px rgba(199,210,254,.5),0 0 #0000
}
#ft-form [type=radio] {
border-radius: 100%
}
#ft-form .btns {
text-align: right;
margin-top: 3rem
}
#ft-form .btns > input[type=button],
#ft-form .btns > input[type=reset],
#ft-form .btns > input[type=submit] {
display: inline-block;
box-shadow: 0 0 #0000,0 0 #0000,0 1px 2px 0 rgba(0,0,0,.05);
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: .6rem;
padding-bottom: .6rem;
line-height: 1.25rem;
border-width: 1px;
border-radius: .375rem;
border-color: #bbb;
background-color: #fff;
cursor: pointer;
margin-left: .5rem;
font-weight: 700
}
#ft-form .btns > input[type=button]:focus,
#ft-form .btns > input[type=reset]:focus,
#ft-form .btns > input[type=submit]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
border-color: #bbb;
box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(199,210,254,.5),0 0 #0000
}
#ft-form .btns > input[type=submit] {
background-color: #f3f4f5;
transition: background-color .1s
}
#ft-form .btns > input[type=submit]:hover {
background-color: #f8f9fa
}
//index.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel = "stylesheet" href = "regStyle.css">
<style>
body {
margin: 0;
box-sizing: border-box;
}
/* CSS for header */
.header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f5f5f5;
}
.header .logo {
font-size: 25px;
font-family: 'Sriracha', cursive;
color: #000;
text-decoration: none;
margin-left: 30px;
}
.nav-items {
display: flex;
justify-content: space-around;
align-items: center;
background-color: #f5f5f5;
margin-right: 20px;
}
.nav-items a {
text-decoration: none;
color: #000;
padding: 35px 20px;
}
/* CSS for main element */
.intro {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 520px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("https://images.unsplash.com/photo-1587620962725-abab7fe55159?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1031&q=80");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.intro h1 {
font-family: sans-serif;
font-size: 60px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
.intro p {
font-size: 20px;
color: #d1d1d1;
text-transform: uppercase;
margin: 20px 0;
}
.intro button {
background-color: #5edaf0;
color: #000;
padding: 10px 25px;
border: none;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
cursor: pointer;
box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.4)
}
.achievements {
display: flex;
justify-content: space-around;
align-items: center;
padding: 40px 80px;
}
.achievements .work {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 40px;
}
.achievements .work i {
width: fit-content;
font-size: 50px;
color: #333333;
border-radius: 50%;
border: 2px solid #333333;
padding: 12px;
}
.achievements .work .work-heading {
font-size: 20px;
color: #333333;
text-transform: uppercase;
margin: 10px 0;
}
.achievements .work .work-text {
font-size: 15px;
color: #585858;
margin: 10px 0;
}
.about-me {
display: flex;
justify-content: center;
align-items: center;
padding: 40px 80px;
border-top: 2px solid #eeeeee;
}
.about-me img {
width: 500px;
max-width: 100%;
height: auto;
border-radius: 10px;
}
.about-me-text h2 {
font-size: 30px;
color: #333333;
text-transform: uppercase;
margin: 0;
}
.about-me-text p {
font-size: 15px;
color: #585858;
margin: 10px 0;
}
/* CSS for footer */
.footer {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #302f49;
padding: 40px 80px;
}
.footer .copy {
color: #fff;
}
.bottom-links {
display: flex;
justify-content: space-around;
align-items: center;
padding: 40px 0;
}
.bottom-links .links {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 40px;
}
.bottom-links .links span {
font-size: 20px;
color: #fff;
text-transform: uppercase;
margin: 10px 0;
}
.bottom-links .links a {
text-decoration: none;
color: #a1a1a1;
padding: 10px 20px;
}
</style>
</head>
<body>
<header class="header">
<a href="#" class="logo">Mock Interview Sceduling </a>
<nav class="nav-items">
<a href="login.html"> Sign In</a>
<a href="reg.html"> Sign Up </a>
<a href="#">Home</a>
<a href="about.html">About</a>
<a href="#">Contact</a>
</nav>
</header>
<main>
<div class="intro">
<h1>Free Mock Interview</h1>
<p> Your all-in-one online interview scheduler</p>
<p> VIRTUAL FACE-TO-FACE MOCK INTERVIEWS WITH MY TEAM </p>
<p> Let candidates self-book 24/7 with an online interview scheduling tool </p>
<button> <a href="login.html">Book Appointment</a> </button>
</div>
<div class="achievements">
<div class="work">
<i class="fas fa-atom"></i>
<p class="work-heading">Projects</p>
<p class="work-text">I have worked on many projects and I am very proud of them. I am a very good developer and I am always looking for new projects.</p>
</div>
<div class="work">
<i class="fas fa-skiing"></i>
<p class="work-heading">Skills</p>
<p class="work-text">I have a lot of skills and I am very good at them. I am very good at programming and I am always looking for new skills.</p>
</div>
<div class="work">
<i class="fas fa-ethernet"></i>
<p class="work-heading">Network</p>
<p class="work-text">I have a lot of network skills and I am very good at them. I am very good at networking and I am always looking for new network skills.</p>
</div>
</div>
<div class="about-me">
<div class="about-me-text">
<h2>About Me</h2>
<p> Who I am? I't Doesn't matter, important is who we are? </p>
<h3> Some Contact :</h3>
<a href="https://www.youtube.com/@feelwithme8"> My Youtube Channel </a> <BR>
<a href="https://t.me/BcsComputerScience">Bsc Computer Science Telegram Channel </a> <BR>
<a href="https://learnwithnil.blogspot.com"> My Blog </a> <BR>
<a href ="https://github.com/swapnil-jamble"> My GitHub Account </a> <BR>
<a href ="https://in.linkedin.com/in/swapnil-jamble"> My Linkedin Account </a> <BR>
<a href ="https://linktr.ee/Sj0"> MyInfo </a> <BR>
</div>
<img src="https://images.unsplash.com/photo-1596495578065-6e0763fa1178?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=871&q=80" alt="me">
</div>
</main>
<div class="about-me">
<p> As the adage goes practice makes perfect! Mock interviews by InterviewBuddy give you the platform to prepare, practice and experience firsthand how a real-life job interview feels. Familiarizing yourself with the interview environment beforehand in a relaxed and stress-free environment gives you an edge over your peers</p>
</div>
<footer class="footer">
<div class="copy">© 2023 @swapnil...</div>
<div class="bottom-links">
<div class="links">
<span>More Info</span>
<a href="#">Home</a>
<a href="BookInterview.html"> About </a>
<a href="#">Contact</a>
</div>
<div class="links">
<span>Social Links</span>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</footer>
</body>
</html>
// login.html
<html>
<head>
<link rel = "stylesheet" href = "regStyle.css">
<title> Login </title>
</head>
<body>
<form action = "chkLogin.php" method = "POST">
<div class = "container">
<h1>Login</h1>
<p>Welcome</p>
<label for="username"><b>Username</b></label>
<input
type="text"
placeholder="Enter username"
name="username"
id="username"
required
/>
<label for="pwd"><b>Password</b></label>
<input
type="password"
placeholder="Enter Password"
name="password"
id="pwd"
required
/>
<button type="submit">Login</button>
</div>
<div>
<p>Already haven't account? <a href="reg.html">Sign Up</a>.</p>
</div>
</form>
</body>
</html>
//reg.html
<html>
<head>
<link rel = "stylesheet" href = "regStyle.css">
<title> Registration </title>
</head>
<body>
<form action = "reg.php" method = "POST">
<div class = "container">
<h1>Register Urself</h1>
<p>Kindly fill in this form to register.</p>
<label for="username"><b>Username</b></label>
<input
type="text"
placeholder="Enter username"
name="username"
id="username"
required
/>
<label for="email"><b>Email</b></label>
<input
type="text"
placeholder="Enter Email"
name="email"
id="email"
required
/>
<label for="pwd"><b>Password</b></label>
<input
type="password"
placeholder="Enter Password"
name="password"
id="pwd"
required
/>
<label for="pwd-repeat"><b>Repeat Password</b></label>
<input
type="password"
placeholder="Repeat Password"
name="pwd-repeat"
id="pwd-repeat"
required
/>
<button type="submit">Register</button>
</div>
<!-- wrapping the text inside the p tag with a tag for routing to the login page URL-->
<!-- the # must ideally be replaced by the login page URL -->
<div>
<p>Already have an account? <a href="login.html">Log in</a>.</p>
</div>
</form>
</body>
</html>
// reg.php
<?php
$host='sql1128.epizy.com'; //mysql host name
$user='epiz_338247958'; //mysql username
$pass='HtDduG9bfSRb58'; //mysql password
$db='epiz_33824795_nil_event8'; //mysql database
echo "<body style =background-image:url('https://images.pexels.com/photos/1005417/pexels-photo-1005417.jpeg?auto=compress&cs=tinysrgb&w=600');background-repeat:no-repeat;background-size:cover;>";
$con=mysqli_connect($host,$user,$pass,$db);
if($con) {
echo "<h1> <center> Connection successful </center> </h1>";
}
else {
echo "Connection error";
}
$username =$_POST['username'];
$email =$_POST["email"];
$password =$_POST["password"];
$sql = "INSERT INTO customer(username,email,password) VALUES ('$username','$email','$password')";
if (mysqli_query($con, $sql)) {
echo "<h1> <center> New record created successfully </center> </h1>";
echo "<h1> <center> <a href='login.html'> Click me to Login </a> </center> </h1>";
}
else {
echo "There is some Problem Plz Register Again" ;
}
mysqli_close($con);
?>
// regStyle.css
/* font family is added */
body {
font-family: Arial, Helvetica, sans-serif;
}
form {
display: flex;
flex-direction: column;
align-items: center;
}
.container {
display: flex;
flex-direction: column;
width: 25vw;
}
h1, p {
text-align: center;
}
/* desired spacing for input fields */
input {
margin: 0.25em 0em 1em 0em;
}
/* more styles added to beautify the input fields */
input {
margin: 0.25em 0em 1em 0em;
outline: none;
padding: 0.5em;
border: none;
background-color: rgb(225, 225, 225);
border-radius: 0.25em;
color: black;
}
/* styles for button */
button {
padding: 0.75em;
border: none;
outline: none;
background-color: rgb(68, 18, 232);
color: white;
border-radius: 0.25em;
}
/* hover functionality for button */
button:hover {
cursor: pointer;
background-color: rgb(41, 4, 164);
}
//style.css
body {
background: linear-gradient(to right, #0f2027, #203a43, #2c5364);
font-family: 'Poppins', sans-serif;
}
#form {
width: 300px;
margin: 20vh auto 0 auto;
padding: 20px;
background-color: whitesmoke;
border-radius: 4px;
font-size: 12px;
}
#form h1 {
color: #0f2027;
text-align: center;
}
#form button {
padding: 10px;
margin-top: 10px;
width: 100%;
color: white;
background-color: rgb(41, 57, 194);
border: none;
border-radius: 4px;
}
.input-control {
display: flex;
flex-direction: column;
}
.input-control input {
border: 2px solid #f0f0f0;
border-radius: 4px;
display: block;
font-size: 12px;
padding: 10px;
width: 100%;
}
.input-control input:focus {
outline: 0;
}
.input-control.success input {
border-color: #09c372;
}
.input-control.error input {
border-color: #ff3860;
}
.input-control .error {
color: #ff3860;
font-size: 9px;
height: 13px;
}
d
d
d
#include
ReplyDelete#include
#include
#include
#define ARRAY_SIZE 1000
int main( int argc, char **argv)
{
int rank,size,i;
int local_min = INT_MAX, local_max= INT_MIN;
int global_min ,global_max;
int array[ARRAY_SIZE] ;
MPI_Init(NULL,NULL);
MPI_Comm_rank(MPI_COMM_WORLD,&rank);
MPI_Comm_size(MPI_COMM_WORLD,&size);
for(i=0; i local_max)
local_max = array[i];
}
MPI_Reduce(&local_min, &global_min,1,MPI_INT,MPI_MIN,0, MPI_COMM_WORLD);
MPI_Reduce(&local_max, &global_max,1,MPI_INT,MPI_MAX,0, MPI_COMM_WORLD);
if(rank == 0)
{
printf("global minimum value :%d",global_min);
printf("\nglobal maximum value :%d",global_max);
}
}
[ty50@ugilinux71 ~]$ mpicc mpi_min.c -o mpi_min
ReplyDelete[ty50@ugilinux71 ~]$ mpirun -np 2 ./mpi_min
global minimum value :2416949
global maximum value :2147469841[ty50@ugilinux71 ~]$ ^C
[ty50@ugilinux71 ~]$