Repository
https://github.com/lottoxbd/frontpage
Bug Fixes
- What was the issue(s)?
They need a frontpage.Their website frontpage is not so good. So they ask me to make a front page for their website.
The issue is
https://github.com/lottoxbd/frontpage/issues/1
- What was the solution?
I create a frontpage.Upload it with fork. And send him the link and also upload the file in issue comment.
New Features
- What feature(s) did you add?
I added fully responsive fronted web template customizing their old templete. I also added a cool contact form. Beautiful layout. I also add signup form in front page.
Here is their old template index file.
<?php
require_once('function.php');
connectdb();
session_start();
if (is_user()) {
redirect("$baseurl/dashboard");
}
$ttl = mysql_fetch_array(mysql_query("SELECT sitename, txt1, txt2 FROM general_setting WHERE id='1'"));
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> <?php echo $ttl[0]; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="indx/css/bootstrap.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Comfortaa:400,300,700' rel='stylesheet' type='text/css'>
<link href="indx/css/style.css" rel="stylesheet">
<link rel="shortcut icon" href="images/fav.png" type="image/png">
</head>
<body>
<header class="main__header">
<div class="container">
<nav class="navbar navbar-default">
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.php">Home</a></li>
<li><a href="contact">contact us</a></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li><a href="signin">Login</a></li>
<li><a href="signup">Register</a></li>
</ul>
</div>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> span> <span class="icon-bar"></span> span> </button>
<h1 class="navbar-brand"><img src="indx/lets-bid.png" alt="Lets Bid"></h1>
</div>
</nav>
</div>
</header>
<section class="slider">
<div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<?php
$i = 0;
$ddaa = mysql_query("SELECT id, img, btxt, stxt FROM slider_home ORDER BY id");
while ($data = mysql_fetch_array($ddaa)){
if ($i==0) {
$cls = "active";
}else{
$cls = "";
}
?>
<div class="item "> <img data-src="<?php echo "indx/images/slider//$data[1]"; ?>" alt="First slide" src="">
<div class="container">
<div class="carousel-caption">
<h1><?php echo $data[2]; ?></h1>
<p><?php echo $data[3]; ?></p>
<p><a class="btn btn-success" href="signin" role="button">Login</a>Register</a></p>
</div>
</div>
</div>
<?php
$i++;
}
?>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon carousel-control-left"></span></a> <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon carousel-control-right"></span></a> </div>
</section>
<section class="main__middle__container green_bg">
<div class="container">
<div class="row">
<h2 class="text-center"><?php echo $ttl[1]; ?></h2>
<p class="text-center"><?php echo $ttl[2]; ?></p>
</div>
</div>
</section>
<section class="main__middle__container">
<div class="container">
<div class="row text-center three-blocks">
<?php
for ($i=1; $i <4 ; $i++) {
$old = mysql_fetch_array(mysql_query("SELECT h, sh, dt FROM home_txt WHERE id='".$i."'"));
?>
<div class="col-md-4"> <img src="indx/icons/<?php echo "$i"; ?>.png" alt="image" class="img-rounded img-responsive">
<h3><?php echo $old[0]; ?></h3>
<p><?php echo $old[1]; ?></p>
<img src="indx/images/<?php echo "$i"; ?>.jpg" alt="image" class="img-rounded img-responsive">
<p><?php echo $old[2]; ?></p>
<p><a class="btn btn-lg btn-silver" href="signin" role="button">Play Now</a></p>
</div>
<?php
}
?>
</div>
</div>
</section>
<footer>
<div class="container">
<p class="text-center">© Copyright <?php echo $ttl[0]; ?>. All Rights Reserved.</p>
</div>
</footer>
<script type="text/javascript" src="indx/js/jquery.min.js"></script>
<script src="indx/js/bootstrap.min.js"></script>
<script type="text/javascript">
$('.carousel').carousel({
interval: 3500, // in milliseconds
pause: 'none' // set to 'true' to pause slider on mouse hover
})
</script>
</body>
</html>
What I have changed
<?php
require_once('function.php');
connectdb();
session_start();
if (is_user()) {
redirect("$baseurl/dashboard");
}
$ttl = mysql_fetch_array(mysql_query("SELECT sitename, txt1, txt2 FROM general_setting WHERE id='1'"));
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title><?php echo $ttl[0]; ?></title>
<link href="c/style.css" rel="stylesheet">
<link href="c/css/responsive.css" rel="stylesheet">
</head>
<body>
<div id="preloader">
<div class="colorlib-load"></div>
</div>
<header class="header_area animated">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-12 col-lg-10">
<div class="menu_area">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">LottoX365</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ca-navbar" aria-controls="ca-navbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="ca-navbar">
<ul class="navbar-nav ml-auto" id="nav">
<li class="nav-item active"><a class="nav-link" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
</ul>
<div class="sing-up-button d-lg-none">
<a href="/signup">Sign Up</a>
</div>
<div class="sing-up-button d-lg-none">
<a href="/signin">Sign In</a>
</div>
</div>
</nav>
</div>
</div>
<div class="col-12 col-lg-2">
<div class="sing-up-button d-none d-lg-block">
<a href="/signup">Sign Up Free</a>
</div>
<div class="sing-up-button d-none d-lg-block">
<a href="/signin">Sign In</a>
</div>
</div>
</div>
</div>
</header>
<section class="wellcome_area clearfix" id="home">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12 col-md">
<div class="wellcome-heading">
<h2>Lottox365.com</h2>
<p>heading 2</p>
</div>
<div class="get-start-area">
<form action="signup" method="post" class="form-inline">
<input type="email" class="form-control email" placeholder="your email adress">
<input type="submit" class="submit" value="Get Started">
</form>
</div>
</div>
</div>
</div>
<div class="welcome-thumb wow fadeInDown" data-wow-delay="0.5s">
<img src="c/img/bg-img/welcome-img.png" alt="">
</div>
</section>
<section class="special-area bg-white section_padding_100" id="about">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading text-center">
<h2>Why Is It Special</h2>
<div class="line-shape"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-4">
<div class="single-special text-center wow fadeInUp" data-wow-delay="0.2s">
<div class="single-icon">
<i class="ti-mobile" aria-hidden="true"></i>
</div>
<h4>Option 1</h4>
<p> description -1 </p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="single-special text-center wow fadeInUp" data-wow-delay="0.4s">
<div class="single-icon">
<i class="ti-ruler-pencil" aria-hidden="true"></i>
</div>
<h4>option</h4>
<p> description
</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="single-special text-center wow fadeInUp" data-wow-delay="0.6s">
<div class="single-icon">
<i class="ti-settings" aria-hidden="true"></i>
</div>
<h4>option</h4>
<p>description.</p>
</div>
</div>
</div>
</div>
<div class="special_description_area mt-150">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="special_description_img">
<img src="c/img/bg-img/special.png" alt="">
</div>
</div>
<div class="col-lg-6 col-xl-5 ml-xl-auto">
<div class="special_description_content">
<h2>Be our promoting partner</h2>
<p>description</p>
<div class="app-download-area">
<div class="app-download-btn wow fadeInUp" data-wow-delay="0.2s">
<a href="#">
<i class="fa fa-partner"></i>
<p class="mb-0">Apply Now</p>
</a>
</div>
<div class="app-download-btn wow fadeInDown" data-wow-delay="0.4s">
<a href="#">
<i class="fa fa-people"></i>
<p class="mb-0"><span>Became Ambassador</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="awesome-feature-area bg-white section_padding_0_50 clearfix" id="features">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading text-center">
<h2>Awesome Features</h2>
<div class="line-shape"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-feature">
<i class="ti-user" aria-hidden="true"></i>
<h5>option</h5>
<p>description.</p>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-feature">
<i class="ti-user" aria-hidden="true"></i>
<h5>option</h5>
<p>description.</p>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-feature">
<i class="ti-user" aria-hidden="true"></i>
<h5>option</h5>
<p>description.</p>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-feature">
<i class="ti-user" aria-hidden="true"></i>
<h5>option</h5>
<p>description.</p>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-feature">
<i class="ti-user" aria-hidden="true"></i>
<h5>option</h5>
<p>description.</p>
</div>
</div>
<div class="col-12 col-sm-6 col-lg-4">
<div class="single-feature">
<i class="ti-headphone" aria-hidden="true"></i>
<h5>24/7 Online Support</h5>
<p>We are free to help you via online chat. We are active all time.</p>
</div>
</div>
</div>
</div>
</section>
<section class="our-monthly-membership section_padding_50 clearfix">
<div class="container">
<div class="row align-items-center">
<div class="col-md-8">
<div class="membership-description">
<h2>Advertise with us</h2>
<p>Advertise on our site in low price. </p>
</div>
</div>
<div class="col-md-4">
<div class="get-started-button wow bounceInDown" data-wow-delay="0.5s">
<a href="contact.php">Get Started</a>
</div>
</div>
</div>
</div>
</section>
<section class="footer-contact-area section_padding_100 clearfix" id="contact">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="section-heading">
<h2>Get in touch with us!</h2>
<div class="line-shape"></div>
</div>
<div class="footer-text">
<p>Please stay with us and enjoy gambling.</p>
</div>
<div class="address-text">
<p><span>Address:</span> 30 Sain't St Street 133/2 NewYork City, US</p>
</div>
<div class="email-text">
<p><span>Email:</span> info@lottox365.com</p>
</div>
</div>
<div class="col-md-6">
<div class="contact_from">
<form action="contact.php" method="post">
<div class="contact_input_area">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="text" class="form-control" name="name" id="name" placeholder="Your Name" required>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input type="email" class="form-control" name="email" id="email" placeholder="Your E-mail" required>
</div>
</div>
<div class="col-12">
<div class="form-group">
<textarea name="message" class="form-control" id="message" cols="30" rows="4" placeholder="Your Message *" required></textarea>
</div>
</div>
<div class="col-12">
<button type="submit" class="btn submit-btn">Send Now</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<footer class="footer-social-icon text-center section_padding_70 clearfix">
<div class="footer-text">
<h2>LottoX365</h2>
</div>
<div class="footer-social-icon">
<a href="https://twitter.com/lottox365"><i class="active fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://t.me/lottox365"><i class="fa fa-telegram" aria-hidden="true"></i></a>
</div>
<div class="footer-menu">
<nav>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
<div class="copyright-text">
<p>Copyright ©2018 By Lottox inc. </p>
</footer>
<script src="c/js/jquery-2.2.4.min.js"></script>
<script src="c/js/popper.min.js"></script>
<script src="c/js/bootstrap.min.js"></script>
<script src="c/js/plugins.js"></script>
<script src="c/js/slick.min.js"></script>
<script src="c/js/footer-reveal.min.js"></script>
<script src="c/js/active.js"></script>
</body>
</html>
I also upload the css,javascript,and other assets with index file and send them.
Prove of contribute
https://github.com/lottoxbd/frontpage/issues/1