My Development of LottoX365 Front page via Github issue fixing

in #utopian-io2 years ago (edited)

Repository

https://github.com/lottoxbd/frontpage

Screenshot_20181015-165440.png

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">
(html comment removed:  Bootstrap )
<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">

(html comment removed: [if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif])
</head>
<body>
<header class="main__header">
  <div class="container">
    <nav class="navbar navbar-default"> 
      
      (html comment removed:  Collect the nav links, forms, and other content for toggling )
      <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>
      (html comment removed:  /.navbar-collapse ) 
      
      (html comment removed:  Brand and toggle get grouped for better mobile display )
      <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 class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></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"> 
    (html comment removed:  Indicators ) 

    <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 <?php echo $cls; ?>"> <img data-src="<?php echo "indx/images/slider//$data[1]"; ?>" alt="First slide" src="<?php echo "indx/images/slider//$data[1]"; ?>">
        <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><a class="btn btn-info" href="signup" role="button">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>
(html comment removed: end of sldier 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">&copy; Copyright <?php echo $ttl[0]; ?>. All Rights Reserved.</p>
  </div>
</footer>

(html comment removed:  jQuery (necessary for Bootstrap's JavaScript plugins) ) 
<script type="text/javascript" src="indx/js/jquery.min.js"></script> 
(html comment removed:  Include all compiled plugins (below), or include individual files as needed ) 
<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">
    (html comment removed:  The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags )

    (html comment removed:  Title )
    <title><?php echo $ttl[0]; ?></title>

    (html comment removed:  Core Stylesheet )
    <link href="c/style.css" rel="stylesheet">

    (html comment removed:  Responsive CSS )
    <link href="c/css/responsive.css" rel="stylesheet">

</head>

<body>
    (html comment removed:  Preloader Start )
    <div id="preloader">
        <div class="colorlib-load"></div>
    </div>

    (html comment removed:  ***** Header Area Start ***** )
    <header class="header_area animated">
        <div class="container-fluid">
            <div class="row align-items-center">
                (html comment removed:  Menu Area Start )
                <div class="col-12 col-lg-10">
                    <div class="menu_area">
                        <nav class="navbar navbar-expand-lg navbar-light">
                            (html comment removed:  Logo )
                            <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>
                            (html comment removed:  Menu Area )
                            <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="<?php echo $baseurl; ?>/signup">Sign Up</a>
                                </div>
  <div class="sing-up-button d-lg-none">
                                    <a href="<?php echo $baseurl; ?>/signin">Sign In</a>
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
                (html comment removed:  Signup btn )
                <div class="col-12 col-lg-2">
                    <div class="sing-up-button d-none d-lg-block">
                        <a href="<?php echo $baseurl; ?>/signup">Sign Up Free</a>
                    </div>
<div class="sing-up-button d-none d-lg-block">
                        <a href="<?php echo $baseurl; ?>/signin">Sign In</a>
                    </div>
                </div>

            </div>
        </div>
    </header>
    (html comment removed:  ***** Header Area End ***** )

    (html comment removed:  ***** Wellcome Area Start ***** )
    <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">
                        (html comment removed:  Form Start )
                        <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>
                        (html comment removed:  Form End )
                    </div>
                </div>
            </div>
        </div>
        (html comment removed:  Welcome thumb )
        <div class="welcome-thumb wow fadeInDown" data-wow-delay="0.5s">
            <img src="c/img/bg-img/welcome-img.png" alt="">
        </div>
    </section>
    (html comment removed:  ***** Wellcome Area End ***** )

    (html comment removed:  ***** Special Area Start ***** )
    <section class="special-area bg-white section_padding_100" id="about">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    (html comment removed:  Section Heading Area )
                    <div class="section-heading text-center">
                        <h2>Why Is It Special</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>

            <div class="row">
                (html comment removed:  Single Special Area )
                <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>
                (html comment removed:  Single Special Area )
                <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>
                (html comment removed:  Single Special Area )
                <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>
        (html comment removed:  Special Description Area )
        <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">
                                    (html comment removed:  link button )
                                    <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">
                                    (html comment removed:  link Btn )
                                    <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>
    (html comment removed:  ***** Special Area End ***** )

    (html comment removed:  ***** Awesome Features Start ***** )
    <section class="awesome-feature-area bg-white section_padding_0_50 clearfix" id="features">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    (html comment removed:  Heading Text )
                    <div class="section-heading text-center">
                        <h2>Awesome Features</h2>
                        <div class="line-shape"></div>
                    </div>
                </div>
            </div>

            <div class="row">
                (html comment removed:  Single Feature Start )
                <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>
               
                 (html comment removed:  Single Feature Start )
                <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>
                
                   (html comment removed:  Single Feature Start )
                <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>
                
                   (html comment removed:  Single Feature Start )
                <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>
                
                   (html comment removed:  Single Feature Start )
                <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>
                (html comment removed:  Single Feature Start )
                <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>
    (html comment removed:  ***** Awesome Features End ***** )

    

  
  

  

   

    (html comment removed:  ***** CTA Area Start ***** )
    <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>

    (html comment removed:  ***** CTA Area End ***** )

   
                         
    (html comment removed:  ***** Contact Us Area Start ***** )
    <section class="footer-contact-area section_padding_100 clearfix" id="contact">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    (html comment removed:  Heading Text  )
                    <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> [email protected]</p>
                    </div>
                </div>
                <div class="col-md-6">
                    (html comment removed:  Form Start)
                    <div class="contact_from">
                        <form action="contact.php" method="post">
                            (html comment removed:  Message Input Area Start )
                            <div class="contact_input_area">
                                <div class="row">
                                    (html comment removed:  Single Input Area Start )
                                    <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>
                                    (html comment removed:  Single Input Area Start )
                                    <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>
                                    (html comment removed:  Single Input Area Start )
                                    <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>
                                    (html comment removed:  Single Input Area Start )
                                    <div class="col-12">
                                        <button type="submit" class="btn submit-btn">Send Now</button>
                                    </div>
                                </div>
                            </div>
                            (html comment removed:  Message Input Area End )
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    (html comment removed:  ***** Contact Us Area End ***** )

    (html comment removed:  ***** Footer Area Start ***** )
    <footer class="footer-social-icon text-center section_padding_70 clearfix">
        (html comment removed:  footer logo )
        <div class="footer-text">
            <h2>LottoX365</h2>
        </div>
        (html comment removed:  social icon)
        <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 &amp; Conditions</a></li>
                    <li><a href="#">Privacy Policy</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>
        </div>
        (html comment removed:  Foooter Text)
        <div class="copyright-text">
          
            <p>Copyright ©2018 By Lottox inc. </p>
    </footer>
    (html comment removed:  ***** Footer Area Start ***** )

    (html comment removed:  Jquery-2.2.4 JS )
    <script src="c/js/jquery-2.2.4.min.js"></script>
    (html comment removed:  Popper js )
    <script src="c/js/popper.min.js"></script>
    (html comment removed:  Bootstrap-4 Beta JS )
    <script src="c/js/bootstrap.min.js"></script>
    (html comment removed:  All Plugins JS )
    <script src="c/js/plugins.js"></script>
    (html comment removed:  Slick Slider Js)
    <script src="c/js/slick.min.js"></script>
    (html comment removed:  Footer Reveal JS )
    <script src="c/js/footer-reveal.min.js"></script>
    (html comment removed:  Active JS )
    <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

Before my development

IMG_20181015_165539_010.JPG

After my development

Screenshot_20181015-165426.png

Screenshot_20181015-165440.png

Screenshot_20181015-165454.png

GitHub Account

https://github.com/avantika

Sort:  

Hi there,

Interface looks good, however we cannot call this as an open-source contribution.

  • Repository doesn't include any open-source compatible license. If it doesn't have any license, we cannot call a project as open-source.

  • Repository is not a complete version of the running system. There is only one file open to the public and it doesn't mean anything. How did you managed to contribute to the repository while you don't have any access to the all source?

  • Repository doesn't include any information regarding installation, usage, documentation about the project.

  • We expect merged pull requests to count a contribution as verified. However, looks like you have just sent a .zip file.

Please, see our policies and guidelines on https://join.utopian.io/guidelines/.

Thank you.


Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

Thank you for your review, @emrebeyler!

So far this week you've reviewed 2 contributions. Keep up the good work!

Congratulations @avantika! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

Award for the total payout received

Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word STOP

Do not miss the last post from @steemitboard:

SteemitBoard Ranking update - Resteem and Resteemed added

Support SteemitBoard's project! Vote for its witness and get one more award!

Coin Marketplace

STEEM 1.17
TRX 0.15
JST 0.156
BTC 63305.82
ETH 2298.77
BNB 569.45
SBD 9.21