-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
An e commerce webpage using html and css.
- Loading branch information
1 parent
f52671b
commit 95791e7
Showing
14 changed files
with
417 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,125 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <link rel="shortcut icon" href="icon.png" type="image/x-icon"> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300&family=Montserrat:wght@300&display=swap" rel="stylesheet"> | ||
| <link rel="stylesheet" href="style7.css"> | ||
| <title>PJain website</title> | ||
| </head> | ||
| <body> | ||
| <nav> | ||
| <div class="left"> | ||
| <a href="#">PJ.Style</a> | ||
| </div> | ||
| <div class="middle"> | ||
| <a href="#">HOME</a> | ||
| <a href="#products">PRODUCT</a> | ||
| <a href="#footer">ABOUT</a> | ||
| <a href="#footer">CONTACT</a> | ||
| </div> | ||
| <div class="right"> | ||
| <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRzymHCExHf2E0B2A7avyy892DjP3q1w3EwWC5bWXndLFDKY_yY" alt="image"> | ||
| <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ8cgcktQyqfRf_eBHGVEi7wjGPVA-VWauOqT_MwzxjXmYv3LY1" alt="image"> | ||
| </div> | ||
| </nav> | ||
| <section id="first"> | ||
| <div id="left"> | ||
| <p id="second">Live Your Life In</p> | ||
| <h1>A New Style!</h1> | ||
| <p id="third"> | ||
| They say First impression is the last impression. Don't wait,Bless yourself | ||
| with perfect Clothing. | ||
| </p> | ||
| <button> | ||
| Explore Now → | ||
| </button> | ||
| </div> | ||
|
|
||
| <div id="right"> | ||
| <img src="home.png" alt="image"> | ||
| </div> | ||
|
|
||
| </section> | ||
| <section id="products"> | ||
| <p>PRODUCTS</p> | ||
| <div class="productscontainer"> | ||
| <div class="product"> | ||
| <img src="1.webp" alt= "product"> | ||
| <h4>CYAN T-SHIRT</h4> | ||
| <H5>$100</H5> | ||
|
|
||
| </div> | ||
|
|
||
| <div class="product"> | ||
| <img src="2.webp" alt= "product"> | ||
| <h4>CYAN T-SHIRT</h4> | ||
| <H5>$100</H5> | ||
| </div> | ||
|
|
||
| <div class="product"> | ||
| <img src="3.webp" alt= "product"> | ||
| <h4>CYAN T-SHIRT</h4> | ||
| <H5>$100</H5> | ||
| </div> | ||
|
|
||
| <div class="product"> | ||
| <img src="4.webp" alt= "product"> | ||
| <h4>CYAN T-SHIRT</h4> | ||
| <H5>$100</H5> | ||
| </div> | ||
|
|
||
| <div class="product"> | ||
| <img src="5.webp" alt= "product"> | ||
| <h4>CYAN T-SHIRT</h4> | ||
| <H5>$100</H5> | ||
| </div> | ||
|
|
||
| <div class="product"> | ||
| <img src="6.jpg" alt= "product"> | ||
| <h4>CYAN T-SHIRT</h4> | ||
| <H5>$100</H5> | ||
| </div> | ||
|
|
||
| <div class="product"> | ||
| <img src="7.webp" alt= "product"> | ||
| <h4>CYAN T-SHIRT</h4> | ||
| <H5>$100</H5> | ||
| </div> | ||
|
|
||
| <div class="product"> | ||
| <img src="8.webp" alt= "product"> | ||
| <h4>CYAN T-SHIRT</h4> | ||
| <H5>$100</H5> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <div id="video"> | ||
| <iframe width="760" height="315" src="https://www.youtube.com/embed/N60_oXI3wtQ?si=G6vfuX03o-ApEYGu" | ||
|
|
||
| allowfullscreen></iframe> | ||
| </div> | ||
|
|
||
| <footer id="footer"> | ||
| <div class="leftfooter"> | ||
| <p class="fourth">DOWNLOAD OUR AP4</p> | ||
| <p class="five">Download App For Android And IOS Mobile Phone</p> | ||
| <img src="playstore.png" alt="playstore"> | ||
| <img src="Appstore.png" alt="appstore"> | ||
| </div> | ||
| <div class="midfooter"> | ||
| <h1 >PJ.Style</h1> | ||
| <p class="six">Our Purpose Is To Sustainably Make the Pleasure and Benefits of Clothes Accessible to the Many</p> | ||
| <p>copyright ©palakjain</p> | ||
| </div> | ||
| <div class="rightfooter"> | ||
| <h3>FOLLOW US</h3> | ||
| <a href="#" target="_blank">you tube</a> | ||
| <a href="#" target="_blank">Instagram</a> | ||
| <a href="#" target="_blank">Facebook</a> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.