Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

basic changes to match the project requirements #5

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

basic changes to match the project requirements #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion cart.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Planet Shopify | Online Shopping Site for Men</title>
<title>Planet Shopper| Online Shopping Site</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" >
<link href='https://fonts.googleapis.com/css?family=Delius Swash Caps' rel='stylesheet'>
Expand Down
Binary file added images/Kitchen.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/clothing.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/electronics.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/navbrd.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/sports.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 20 additions & 2 deletions includes/footer.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,22 @@
<footer class="footer">
<div class="container text-center"><span class="text-muted"><b>Copyright&copy;Planet Shopify | All Rights Reserved | Contact Us: +91 90000 00000</b></span></div>

<footer class="footer" style="background-color: #1d1d16">
<div class="container-fluid">
<div class="row">
<div class="col-sm">
<h4 class="text-white"> About Us </h4>
<p class="text-white"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero assumenda laudantium, quos alias obcaecati velit beatae culpa est officia facere, fugiat, voluptate dignissimos tempore. Ab, perspiciatis ut, facere culpa dignissimos in qui aliquam voluptate, animi quidem ea sequi blanditiis totam iste nesciunt est. Quaerat maxime accusantium, itaque iusto incidunt eum? </p>
</div>
<div class="col-sm">
<h4 class="text-white">Contact Us</h4>
<span style="color:antiquewhite; text-transform:uppercase;">Address:</span><span class="text-white"> Shopper , Twin towers ,Delhi,New Delhi</span><br />
<i class="fa-regular fa-envelope text-white"></i> <span style="color:antiquewhite; text-transform:uppercase;">Mail:</span><span class="text-white" style="overflow-wrap: break-word;"> [email protected]</span><br />
<i class="fas fa-phone-alt text-white" ></i> <span style="color:antiquewhite; text-transform:uppercase;">Telephone:</span><span class="text-white"> (+91)0000000000</span> <br />
<br />
<br />
<pc class="text-white">For any quries please contact us via <a href="[email protected]">mail</a> or phone.</p>
</div>
</div>
</div>
<div class="container text-center "><span class="text-muted"><b>Copyright&copy;Shopper | All Rights Reserved | Contact Us: +91 00000 00000</b></span></div>
</footer>

50 changes: 21 additions & 29 deletions includes/header_menu.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,21 @@


<!--Navigation bar start-->
<nav class="navbar fixed-top navbar-expand-sm navbar-dark" style="background-color:rgba(0,0,0,0.5)">
<nav class="navbar fixed-top navbar-expand-sm navbar-dark" style="background-color:rgba(20,20,20,1)">
<div class="container">
<a href="index.php" class="navbar-brand" style="font-family: 'Delius Swash Caps'">Planet Shopify</a>
<a href="index.php" class="navbar-brand" style="font-family: 'Lobster',cursive"><img src="images/navbrd.png" style="max-height:50px;">Shopper</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mynavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="mynavbar">

<ul class="nav navbar-nav">
<li class="nav-item dropdown">
<a href="" class="nav-link dropdown-toggle" id="navbar-drop" data-toggle="dropdown">
Products
</a>
<div class="dropdown-menu">
<a href="products.php#watch" class="dropdown-item">Watches</a>
<a href="products.php#shirt" class="dropdown-item">T-Shirts</a>
<a href="products.php#shoes" class="dropdown-item">Shoes</a>
<a href="products.php#headphones" class="dropdown-item">Headphones/Speakers</a>
</div>

</li>
<li class="nav-item"><a href="index.php" class="nav-link">Offers</a></li>
<li class="nav-item"><a href="about.php" class="nav-link">About Us</a></li>
<li class="nav-item">
<form class="form-inline bg-black my-2 my-lg-0 mrl">
<input class="form-control mr-sm-2 srh-w bg-white" style="width:500px;" type="search" placeholder="Search..." aria-label="Search">
<button class="btn my-2 my-sm-0 bg-warning" type="submit">Search</button>
</form>

<?php
if (isset($_SESSION['email'])) {
?>
Expand All @@ -43,7 +36,6 @@
} else {
?>
<ul class="nav navbar-nav ml-auto">
<li class="nav-item "><a href="#signup" class="nav-link"data-toggle="modal" ><i class="fa fa-user"></i> sign In</a></li>
<li class="nav-item "><a href="#login" class="nav-link" data-toggle="modal"><i class="fa fa-sign-in"></i> Login</a></li>
</ul>
<?php
Expand Down Expand Up @@ -82,7 +74,6 @@
</div>
<button type="submit" class="btn btn-secondary btn-block" name="Submit">Login</button>
</form>
<a href="http://">forgot password ?</a>
</div>
<div class="modal-footer">
<p class="mr-auto">New User? <a href="#signup" data-toggle="modal" data-dismiss="modal" >signup</a></p>
Expand All @@ -94,7 +85,7 @@
<!--Login trigger Model ends-->
<!--Signup model start-->
<div class="modal fade" id="signup">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-dialog modal-dialog-centered ml-auto" role="document">
<div class="modal-content" style="background-color:rgba(255,255,255,0.95)">

<div class="modal-header">
Expand All @@ -115,17 +106,18 @@
<label for="pwd">Password:</label>
<input type="password" class="form-control" id="pwd" name="password" placeholder="Password" required>
</div>

<div class="form-row">
<div class="form-group col-md-6">
<label for="validation1">First Name</label>
<input type="text" class="form-control" id="validation1" name="firstName" placeholder="First Name" required>
</div>
<div class="form-group col-md -6">
<label for="validation2">Last Name</label>
<input type="text" class="form-control" id="validation2" name="lastName" placeholder="Last Name">
</div>
<div class="form-group">
<label for="validation1">Username:</label>
<input type="text" class="form-control" id="validation1" name="Username" placeholder="Userame" required>
</div>
<div class="form-group">
<label for="phone">Phone Number:</label>
<input type="text" class="form-control" id="phone" name="phnumber" placeholder="" required>
</div>





<div class="form-check">
<input type="checkbox" class="form-check-input" required>
Expand Down
92 changes: 40 additions & 52 deletions index.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,11 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Planet Shopify | Online Shopping Site for Men</title>
<title>Shopper | Online Shopping Site</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" >
<link href="https://fonts.googleapis.com/css2?family=Caveat&family=Lobster&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Delius Swash Caps' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Andika' rel='stylesheet'>
<link rel="stylesheet" href="style.css">
Expand All @@ -21,59 +23,45 @@
include 'includes/check-if-added.php';
?>
<!--Header ends-->
<div id="content">
<div id="bg" class=" ">
<div class="container" style="padding-top:150px">
<div class="mx-auto p-5 text-white" id="banner_content" style="border-radius: 0.5rem;" >
<h1>We sell Happiness :)</h1>
<p>Flat 40% OFF on premium brands </p>
<a href="products.php" class="btn btn-warning btn-lg text-white">Shop Now</a>

</div>
</div>

</div>
</div>
<div class="text-center pt-4 h3">
* Be fashionable Men *
</div>

<!--menu highlights start-->
<div class="container pt-3">
<div class="row text-center ">
<div class="col-6 col-md-3 py-3">
<a href="products.php#watch"> <img src="images/watch.jpg" class="img-fluid " alt="" style="border-radius:0.5rem">
<!-- https://images.unsplash.com/photo-1523170335258-f5ed11844a49?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fm=jpg&w=400&fit=max-->
<div class="h5 pt-3 font-weight-bolder">
Watches
</div>
</a>
</div>
<div class="col-6 col-md-3 py-3 " >
<a href="products.php#shirt" >
<img src="images/clothing.jpg" class="img-fluid zoom" alt="" style="border-radius:0.5rem" >
<div class="h5 pt-3 font-weight-bolder">
Clothing
</div>
</a>
</div>
<div class="col-6 col-md-3 py-3">
<a href="products.php#shoes">
<img src="images/shoes.jpg" class="img-fluid " alt="" style="border-radius:0.5rem">
<div class="h5 pt-3 font-weight-bolder">
Shoes
</div>
</a>
</div>
<div class="col-6 col-md-3 py-3">
<a href="products.php#headphones">
<img src="images/headphones.jpg" class="img-fluid " alt="" style="border-radius:0.5rem">
<div class="h5 pt-3 font-weight-bolder">
Headphones
</div>
</div>
</a>
</div>
<div class="container pt-5 mt-5">
<h1>Categories</h1>
<div class="card-group">
<div class="card bg-light mb-3" style="max-width: 18rem;">
<a href="products.php#watch"> <img src="images/electronics.jpg" class="img-fluid card-img-top" alt="" style="border-radius:0.5rem">
<div class="card-body bg-light">
<h5 class="card-title h3 font-weight-bold pt-4 pb-4">Electronics</h5>
<p class="card-text">Find the latest Electronics gadgets like mobile phones,laptops,headphones,etc.</p>
</a>
</div>
</div>
<div class="card bg-light mb-3" style="max-width: 18rem;">
<a href="products.php#watch"> <img src="images/clothing.jpg" class="img-fluid card-img-top" alt="" style="border-radius:0.5rem">
<div class="card-body bg-light">
<h5 class="card-title h3 font-weight-bold pt-4 pb-4">Fashion</h5>
<p class="card-text">Get trendy fashion, from Clothing to accessories.</p>
</a>
</div>
</div>
<div class="card bg-light mb-3" style="max-width: 18rem;">
<a href="products.php#watch"> <img src="images/Kitchen.jpg" class="img-fluid card-img-top" alt="" style="border-radius:0.5rem">
<div class="card-body bg-light">
<h5 class="card-title h3 font-weight-bold pt-4 pb-4">Home And Kitchen</h5>
<p class="card-text">Find all daily needs item at one place, kitchen appliances, utensils, bathroom products,etc.</p>
</a>
</div>
</div>
<div class="card bg-light mb-3" style="max-width: 18rem;">
<a href="products.php#watch"> <img src="images/sports.jpg" class="img-fluid card-img-top" alt="" style="border-radius:0.5rem">
<div class="card-body bg-light">
<h5 class="card-title h3 font-weight-bold pt-4 pb-4">Sports And Outdoors</h5>
<p class="card-text">Preparing for a new adventure? we got it covered. Get sports accessories, trekking essentiels here.</p>
</a>
</div>
</div>
</div>
</div>

<!--menu highlights end-->
<!--footer -->
Expand Down
2 changes: 1 addition & 1 deletion style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ h6 {
.footer{
position: absolute;
margin-top: 50px;
background-color: #141414;
background-color: #191918;
min-height:150px;
padding-top:40px;
width: 100%;
Expand Down