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

Jump to bottom

Augmented Reality Based E-commerce Website #506

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Augmented Reality Based E-commerce Website #506

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
cf6a287
README.md
rahiaag Dec 31, 2023
0a6a78f
README.md
rahiaag Dec 31, 2023
5be0e2b
README.md
rahiaag Dec 31, 2023
54a237e
Add files via upload
rahiaag Dec 31, 2023
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
75 changes: 75 additions & 0 deletions Augmented-Reality-Based-E-commerce-Website/Login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<head>
<title>Website With login & registration</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="login">
<header>
<img class="logo" src="img/logo.png" alt="" />
<nav class="navigation">
<button class="btnLogin-popup">Login</button>
</nav>
</header>

<div class="wrapper">
<div class="form-box login">
<h2>Login</h2>
<form action="#">
<div class="input-box">
<span class="icon"><ion-icon name="mail"></ion-icon></span>
<input type="email" required>
<label>Email</label>
</div>
<div class="input-box">
<span class="icon"><ion-icon name="lock-closed"></ion-icon></span>
<input type="password" required>
<label>Password</label>
</div>
<div class="remember-forgot">
<label><input type="checkbox"> Remember me</label>
<a href="#">Forgot Password?</a>
</div>
<button type="submit" class="btn">Login</button>
<div class="login-register">
<p>Don't have an account? <a href="#" class="register-link">Register</a></p>
</div>
</form>
</div>

<div class="form-box register">
<h2>Registration</h2>
<form action="#">
<div class="input-box">
<span class="icon"><ion-icon name="person"></ion-icon></span>
<input type="text" required>
<label>Username</label>
</div>
<div class="input-box">
<span class="icon"><ion-icon name="mail"></ion-icon></span>
<input type="emai" required>
<label>Email</label>
</div>
<div class="input-box">
<span class="icon"><ion-icon name="lock-closed"></ion-icon></span>
<input type="password" required>
<label>Password</label>
</div>
<div class="remember-forgot">
<label><input type="checkbox"> I agree to the terms & conditions</label>
</div>
<button type="submit" class="btn">Register</button>
<div class="login-register">
<p>Already have an account?<a href="#" class="login-link"> Login</a></p>
</div>
</form>
</div>
</div>

<script src="script.js"></script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</div>
</body>

</html>
Binary file added Augmented-Reality-Based-E-commerce-Website/Logo.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.
99 changes: 99 additions & 0 deletions Augmented-Reality-Based-E-commerce-Website/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
<html>
<head>
<title>Ecommerce Website</title>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />

<link rel="stylesheet" href="style.css" />
</head>

<body>
<section id="header">
<a href="#"><img src="img/logo.png" class="logo" alt="" /></a>
<div>
<ul id="navbar">
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a class="active" href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li>
<a href="cart.html"><i class="far fa-shopping-bag"></i></a>
</li>

</ul>
</div>
<div id="mobile">
<a href="cart.html"><i class="far fa-shopping-bag"></i></a>
<i id="bar" class="fas fa-outdent"></i>
</div>
</section>

<section id="page-header" class="about-header">
<h2>#KnowUs</h2>
<p>Get To Know about us</p>
</section>

<section id="about-head" class="">
<img src="img/about/a6.jpg" alt="">
<div>
<h2>Who We Are?</h2>
<p>
Welcome to ARShop, where cutting-edge technology meets seamless shopping experiences! Our platform is not just an ordinary e-commerce website; it's a groundbreaking fusion of augmented reality and online shopping, designed to redefine the way you discover, try, and purchase products..</p>
<p>
At ARShop, we believe that shopping should be an immersive and delightful adventure. That's why we've harnessed the power of augmented reality (AR) to bring you a revolutionary online shopping experience. Our platform goes beyond the limitations of traditional e-commerce, allowing you to virtually try out products before making a purchase
</p>

<br><br>

</div>
</section>

<footer class="section-p1">
<div class="col">
<img class="logo" src="img/logo.png" alt="" />
<h4>Contact</h4>
<p><strong>Address: </strong>Jaypee Institute of Information Technology Sector 128 ,Noida</p>
<p><strong>Phone: </strong> (+91) 01 2345 6789</p>
<p><strong>Hours: </strong>10:00 -18:00, Mon - Sat</p>
<div class="follow">
<h4>Follow us</h4>
<div class="icon">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-pinterst-p"></i>
<i class="fab fa-youtube"></i>
</div>
</div>
</div>
<div class="col">
<h4>About</h4>
<a href="about.html">About us</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms & Conditions</a>
<a href="contact.html">Contact Us</a>
</div>
<div class="col">
<h4>My Account</h4>
<a href="#">Sign In</a>
<a href="cart.html">View Cart</a>
<a href="#">My Wishlist</a>
<a href="#">Help</a>
</div>
<div class="col install">
<h4>Install App</h4>
<p>From App Store or Google</p>
<div class="row">
<img src="img/pay/app.jpg" alt="" />
<img src="img/pay/play.jpg" alt="" />
</div>
<p>Secured Payment Gateways</p>
<img src="img/pay/pay.png" alt="" />
</div>
<div class="copyright">
<p>E-Commerce Website</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>
163 changes: 163 additions & 0 deletions Augmented-Reality-Based-E-commerce-Website/blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,163 @@
<!Doctype html>
<head>
<title>Ecommerce Website</title>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />

<link rel="stylesheet" href="style.css" />
</head>

<body>
<section id="header">
<a href="#"><img src="img/logo.png" class="logo" alt="" /></a>
<div>
<ul id="navbar">
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a class="active" href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li>
<a href="cart.html"><i class="far fa-shopping-bag"></i></a>
</li>
</ul>
</div>
<div id="mobile">
<a href="cart.html"><i class="far fa-shopping-bag"></i></a>
<i id="bar" class="fas fa-outdent"></i>
</div>
</section>

<section id="page-header" class="blog-header">
<h2>#ReadMore</h2>
<p>Reading about out product</p>
</section>

<section id="blog">
<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b1.jpeg" alt="">
</div>
<div class="blog-details">
<h4>Ecommerce Platform Trends</h4>
<p>Ecommerce Platform Trends: Staying Ahead of the Game in 2023</p>
<p>
In the ever-evolving realm of e-commerce, staying ahead of the curve is not just a choice; it's a necessity. As technology continues to weave its magic, shaping the way we shop and sell online, let's dive into the exciting trends that are currently steering the ship of the e-commerce platform landscape...
</p>
</div>
</div>

<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b2.jpg" alt="">
</div>
<div class="blog-details">
<h4>Fashion Unveiled: The Timeless Elegance of Clothes</h4>
<p>Clothes are more than just fabrics stitched together; they are the silent storytellers of our individuality, reflecting our style, personality, and the narrative we wish to convey to the world. In the kaleidoscope of fashion, where trends come and go, the allure of clothes remains timeless....</p>

</div>
</div>


<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b3.jpg" alt="">
</div>
<div class="blog-details">
<h4>Must-Have Skater Girl Items</h4>
<p>
Each garment is a masterpiece, intricately designed by skilled artisans who infuse passion and artistry into every thread. From the delicate stitches of a hand-sewn dress to the precision of a tailored suit, clothes embody craftsmanship that transcends time...</p>

</div>
</div>

<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b4.jpeg" alt="">
</div>
<div class="blog-details">
<h4> Runway-Inspired Trends</h4>
<p>
Fashion is a dynamic river, ever-flowing and evolving. Trends come and go, but the classics endure. From the flapper dresses of the 1920s to the bell-bottom jeans of the '70s, fashion is a cyclical dance that we all partake in, celebrating the nostalgia of bygone eras while embracing the innovations of today....</p>

</div>
</div>


<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b6.jpg" alt="">
</div>
<div class="blog-details">
<h4> AW20 Menswear Trends</h4>
<p>The right outfit has the remarkable ability to boost confidence and elevate mood. A well-fitted suit can command a room, while a comfortable pair of pajamas can provide solace after a long day. Clothes are not merely possessions; they are partners in our daily adventures
</p>
</div>
</div>

</section>
<section id="pagination" class="section-p1">
<a href="#">1</a>
<a href="#">2</a>
<a href="#"><i class="fal fa-long-arrow-alt-right"></i></a>
</section>

<section id="newsletter" class="section-p1 section-m1">
<div class="newstext">
<h4>Sign Up For Newsletter</h4>
<p>Get E-mail updates about our latest shop and <span>special offers.</span></p>
</div>
<div class="form">
<input type="text" placeholder="Your email address" />
<button class="normal">Sign Up</button>
</div>
</section>

<footer class="section-p1">
<div class="col">
<img class="logo" src="img/logo.png" alt="" />
<h4>Contact</h4>
<p><strong>Address: </strong>Jaypee Institute of Information Technology Sector 128 ,Noida</p>
<p><strong>Phone: </strong> (+91) 01 2345 6789</p>
<p><strong>Hours: </strong>10:00 -18:00, Mon - Sat</p>
<div class="follow">
<h4>Follow us</h4>
<div class="icon">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-pinterst-p"></i>
<i class="fab fa-youtube"></i>
</div>
</div>
</div>
<div class="col">
<h4>About</h4>
<a href="about.html">About us</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms & Conditions</a>
<a href="contact.html">Contact Us</a>
</div>
<div class="col">
<h4>My Account</h4>
<a href="#">Sign In</a>
<a href="cart.html">View Cart</a>
<a href="#">My Wishlist</a>
<a href="#">Help</a>
</div>
<div class="col install">
<h4>Install App</h4>
<p>From App Store or Google</p>
<div class="row">
<img src="img/pay/app.jpg" alt="" />
<img src="img/pay/play.jpg" alt="" />
</div>
<p>Secured Payment Gateways</p>
<img src="img/pay/pay.png" alt="" />
</div>
<div class="copyright">
<p>E-Commerce Website</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>
Loading