+
+
New Arrivals
+
+
+
+
+
+
![...](images/headfone.jpg)
+
+
Head Bone Bluetooth
+
Rs. 1899 pk
+
Add to Card
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Featured Product
+
+
+
+
+
+
![...](images/phone4.jpg)
+
+
Samsung galaxy A21
+
Rs. 30,000 pk
+
Add to Card
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/logo.png b/logo.png
new file mode 100644
index 0000000..622bce8
Binary files /dev/null and b/logo.png differ
diff --git a/phone1.jpg b/phone1.jpg
new file mode 100644
index 0000000..9174d04
Binary files /dev/null and b/phone1.jpg differ
diff --git a/phone2.jpg b/phone2.jpg
new file mode 100644
index 0000000..c9ddecf
Binary files /dev/null and b/phone2.jpg differ
diff --git a/phone3.jpg b/phone3.jpg
new file mode 100644
index 0000000..e58d452
Binary files /dev/null and b/phone3.jpg differ
diff --git a/phone4.jpg b/phone4.jpg
new file mode 100644
index 0000000..147488c
Binary files /dev/null and b/phone4.jpg differ
diff --git a/phone5.jpg b/phone5.jpg
new file mode 100644
index 0000000..f831b08
Binary files /dev/null and b/phone5.jpg differ
diff --git a/phone6.jpg b/phone6.jpg
new file mode 100644
index 0000000..149daed
Binary files /dev/null and b/phone6.jpg differ
diff --git a/phone7.jpg b/phone7.jpg
new file mode 100644
index 0000000..9335389
Binary files /dev/null and b/phone7.jpg differ
diff --git a/silder1.jpg b/silder1.jpg
new file mode 100644
index 0000000..596478f
Binary files /dev/null and b/silder1.jpg differ
diff --git a/silder2.jpg b/silder2.jpg
new file mode 100644
index 0000000..041acf4
Binary files /dev/null and b/silder2.jpg differ
diff --git a/silder3.jpg b/silder3.jpg
new file mode 100644
index 0000000..cc42a3a
Binary files /dev/null and b/silder3.jpg differ
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..0d8057f
--- /dev/null
+++ b/style.css
@@ -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%;
+ }
+ }
+
+