Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@TayyabAli204
TayyabAli204 authored Dec 30, 2020
0 parents commit 2f50f48
Show file tree
Hide file tree
Showing 15 changed files with 374 additions and 0 deletions.
5 changes: 5 additions & 0 deletions debug.log
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
[1229/181455.574:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
[1229/195544.049:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
[1229/203229.864:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
[1229/221450.543:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
[1230/093146.453:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
Binary file added headfone.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
268 changes: 268 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,268 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Commerce</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>

<div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="images/logo.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
</ul>
<span class="navbar-text">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">HOME</a>
</li>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
SHOP
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="#">MAN'S CLOTHES</a>
<a class="dropdown-item" href="#">WOMAN CLOTHES</a>
</div>

</li>

<li class="nav-item">
<a class="nav-link" href="#">ABOUT US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">CONTACT US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-user-circle" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>
</li>
</ul>
</span>
</div>
</div>
</nav>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"></li>
<li data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/silder1.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>First slide label</h5>
<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
</div>
</div>
<div class="carousel-item">
<img src="images/silder2.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Second slide label</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
<div class="carousel-item">
<img src="images/silder3.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Third slide label</h5>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</a>
</div>
<div class="mainCard">
<div class="card1">
<div>
<i class="fa fa-truck" aria-hidden="true"></i>
</div>
<div>
<h3>Free Shiping</h3>
</div>

</div>
<div class="card2">
<div>
<i class="fa fa-headphones" aria-hidden="true"></i>
</div>
<div>
<h3>24/7 Support</h3>
</div>

</div>
<div class="card3">
<div>
<i class="fa fa-thumbs-up" aria-hidden="true"></i>
</div>
<div>
<h3>Best Quality</h3>
</div>

</div>

</div>

<div class="newArrivals">
<div class="heading">
<h1>New Arrivals</h1>
</div>
<div class="containar">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-3" >
<div class="card" >
<img src="images/headfone.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Head Bone Bluetooth</h5>
<p class="card-text"> Rs. 1899 pk </p>
<a href="#" class="btn btn-primary">Add to Card</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="card" >
<img src="images/phone1.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Royal-Mobile</h5>
<p class="card-text"> Rs. 20,000 pk </p>
<a href="#" class="btn btn-primary">Add to Card</a>
</div>
</div>

</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="card" >
<img src="images/phone2.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">iPhone 12</h5>
<p class="card-text"> Rs. 100,000 pk </p>
<a href="#" class="btn btn-primary">Add to Card</a>
</div>
</div>

</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="card" >
<img src="images/phone3.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">realme c3</h5>
<p class="card-text"> Rs. 25000 pk </p>
<a href="#" class="btn btn-primary">Add to Card</a>
</div>
</div>

</div>
</div>
</div>



<div class="newArrivals">
<div class="heading">
<h1>Featured Product</h1>
</div>
<div class="containar">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-3" >
<div class="card" >
<img src="images/phone4.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Samsung galaxy A21</h5>
<p class="card-text"> Rs. 30,000 pk </p>
<a href="#" class="btn btn-primary">Add to Card</a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="card" >
<img src="images/phone5.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">EARPHONE</h5>
<p class="card-text"> Rs. 700 pk </p>
<a href="#" class="btn btn-primary">Add to Card</a>
</div>
</div>

</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="card" >
<img src="images/phone6.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Samsung</h5>
<p class="card-text"> Rs. 40,000 pk </p>
<a href="#" class="btn btn-primary">Add to Card</a>
</div>
</div>

</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="card" >
<img src="images/phone7.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Wireless Earbuds </h5>
<p class="card-text"> Rs. 1000 pk </p>
<a href="#" class="btn btn-primary">Add to Card</a>
</div>
</div>

</div>
</div>
</div>


<div class="footer">
<div>
<h4>Copyright <i class="fa fa-copyright" aria-hidden="true"></i> 2021 TayyabScrapper </h4>
</div>
</div>








</div>




<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj"
crossorigin="anonymous"></script>
</body>
</html>
Binary file added logo.png
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 phone1.jpg
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 phone2.jpg
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 phone3.jpg
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 phone4.jpg
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 phone5.jpg
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 phone6.jpg
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 phone7.jpg
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 silder1.jpg
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 silder2.jpg
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 silder3.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
101 changes: 101 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
.navbar{
background-color: #D32F2F !important;
}
.nav-link{
color: white !important;
font-weight: bold !important;
}

.fa-shopping-cart,.fa-user-circle{
font-size: 32px !important;

}

.fa-truck,.fa-headphones,.fa-thumbs-up{
font-size: 50px !important;
margin-right: 10px;
color: #D32F2F !important;
}

h3{
color: #D32F2F !important;
}
.card1,.card2,.card3{
display: flex;
width: 300px;
height: 100px;
background-color: #fff;
box-shadow: 2px 4px 5px gray;
justify-content: center;
align-items: center;
margin-top: 10px;
}

.mainCard{
margin-top: 30px;
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
}


.newArrivals{
margin-top: 50px;
}

.card{
width: 250px;
height: auto;
margin-bottom: 100 ;
/* margin: 80px; */
}


.card-text{
font-weight: bold;
}

.btn-primary{
width: 100%;
background-color: #D32F2F !important;
}


.heading{

text-align: center;
font-weight: bold;
color: #D32F2F ;
margin: 20px;

}

.heading > h1{
text-shadow: 2px 2px 4px black;
}
.footer{
width: 100%;
background-color:#D32F2F ;
height: 50px;

}
.footer > div{
text-align: center !important;
align-items: center;

}

h4{
color: white;
}


@media screen and (max-width: 600px) {
.card1,.card2,.card3 {

width: 100%;
}
}


0 comments on commit 2f50f48

Please sign in to comment.