Skip to content

Commit

Permalink
Project Submitted.
Browse files Browse the repository at this point in the history
  • Loading branch information
@Prachit707
Prachit707 committed Apr 1, 2024
0 parents commit d44d53f
Show file tree
Hide file tree
Showing 27 changed files with 1,005 additions and 0 deletions.
5 changes: 5 additions & 0 deletions .firebaserc
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"projects": {
"default": "barber-985c6"
}
}
2 changes: 2 additions & 0 deletions .gitattributes
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# Auto detect text files and perform LF normalization
* text=auto
66 changes: 66 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
firebase-debug.log*
firebase-debug.*.log*

# Firebase cache
.firebase/

# Firebase config

# Uncomment this if you'd like others to create their own Firebase project.
# For a team working on the same Firebase project(s), it is recommended to leave
# it commented so all members can deploy to the same project(s) in .firebaserc.
# .firebaserc

# Runtime data
pids
*.pid
*.seed
*.pid.lock

# Directory for instrumented libs generated by jscoverage/JSCover
lib-cov

# Coverage directory used by tools like istanbul
coverage

# nyc test coverage
.nyc_output

# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
.grunt

# Bower dependency directory (https://bower.io/)
bower_components

# node-waf configuration
.lock-wscript

# Compiled binary addons (http://nodejs.org/api/addons.html)
build/Release

# Dependency directories
node_modules/

# Optional npm cache directory
.npm

# Optional eslint cache
.eslintcache

# Optional REPL history
.node_repl_history

# Output of 'npm pack'
*.tgz

# Yarn Integrity file
.yarn-integrity

# dotenv environment variables file
.env
Empty file added New Text Document.txt
Empty file.
16 changes: 16 additions & 0 deletions firebase.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
{
"hosting": {
"public": ".",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
Binary file added images/Thumbs.db
Binary file not shown.
Binary file added images/banner.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 images/barber-man.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 images/close.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 images/footer-img.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 images/img-1.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 images/img-2.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 images/img-3.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 images/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 images/logo1.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 images/logo2.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 images/menu.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 images/pic-1.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 images/pic-2.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 images/pic-3.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 images/pic-4.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
252 changes: 252 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,252 @@
<!DOCTYPE html>
<html>
<head>
<title>Spa Bonjour</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Poppins:wght@500&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="styles.css">
<meta name="theme-color" content="#4285f4">
<link rel="manifest"
href="manifest.json">

</head>
<script>
// Add event listener to execute code when page loads
window.addEventListener('load', () => {
// Call registerSW function when page loads
registerSW();
});

// Register the Service Worker
async function registerSW() {
// Check if browser supports Service Worker
if ('serviceWorker' in navigator) {
try {
// Register the Service Worker named 'serviceworker.js'
await navigator.serviceworker.register('serviceworker.js');
}
catch (e) {
// Log error message if registration fails
console.log('SW registration failed');
}
}
}
</script>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-0PRXPB85YQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-0PRXPB85YQ');
</script>
<body>
<!---1. Banner/Home Section-->
<section id="banner">
<img src="images/logo.png" alt="logo" class="logo">
<div class="banner-text">
<h1>Hair Salon</h1>
<p>Style your hair is Style your life</p>
<div class="banner-btn">
<a href="#"><span></span> Find Out</a>
<a href="#"><span></span> Read More</a>
</div>
</div>
<div id="sideNav">
<nav>
<ul>
<li><a href="#banner">HOME</a></li>
<li><a href="#feature">FEATURES</a></li>
<li><a href="#service">SERVICES</a></li>
<li><a href="#testimonial">TESTIMONIALS</a></li>
<li><a href="#contact">CONTACT US</a></li>
</ul>
</nav>
</div>
<div id="menuBtn">
<img src="images/menu.png" alt="menu logo" id="menu">
</div>
</section>

<!--- 2. features Section-->
<section id="feature">
<div class="title-text">
<p>Features</p>
<h1>WHY CHOOSE US</h1>
</div>
<div class="feature-box">
<div class="features">
<h1>Experienced Staff</h1>
<div class="features-desc">
<div class="feature-icon"><i class="fa fa-shield"></i></div>
<div class="feature-text"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Necessitatibus cumque harum tenetur nam nisi, ducimus, a totam veniam magni
atque nihil error, sapiente quibusdam at corporis sit quae dolore quidem!</p>
</div>
</div>
<h1>Pre-Booking Online</h1>
<div class="features-desc">
<div class="feature-icon"><i class="fa fa-check-square-o"></i></div>
<div class="feature-text"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Necessitatibus cumque harum tenetur nam nisi, ducimus, a totam veniam magni
atque nihil error, sapiente quibusdam at corporis sit quae dolore quidem!</p>
</div>
</div>
<h1>Affordable Cost</h1>
<div class="features-desc">
<div class="feature-icon"><i class="fa fa-inr"></i></div>
<div class="feature-text"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Necessitatibus cumque harum tenetur nam nisi, ducimus, a totam veniam magni
atque nihil error, sapiente quibusdam at corporis sit quae dolore quidem!</p>
</div>
</div>
</div>
<div class="feature-img">
<img src="images/barber-man.jpg" alt="barber-man">
</div>
</div>
</section>

<!--- 3. Service Section-->
<section id="service">
<div class="title-text">
<p>Services</p>
<h1>WE PROVIDE BETTER</h1>
</div>
<div class="service-box">
<div class="single-service"><img id="img" src="images/pic-1.jpg" alt="pic1">
<div class="overlay"></div>
<div class="service-desc">
<h3>Hair Cutting</h3><hr>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam ipsa quod sit! Earum quis fuga ut ratione amet necessitatibus minus voluptates.</p>
</div>
</div>
<div class="single-service"><img id="img" src="images/pic-2.jpg" alt="pic1">
<div class="overlay"></div>
<div class="service-desc">
<h3>Hair Styling</h3><hr>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam ipsa quod sit! Earum quis fuga ut ratione amet necessitatibus minus voluptates.</p>
</div>
</div>
<div class="single-service"><img id="img" src="images/pic-3.jpg" alt="pic1">
<div class="overlay"></div>
<div class="service-desc">
<h3>Hair Dying</h3><hr>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam ipsa quod sit! Earum quis fuga ut ratione amet necessitatibus minus voluptates.</p>
</div>
</div>
<div class="single-service"><img id="img" src="images/pic-4.jpg" alt="pic1">
<div class="overlay"></div>
<div class="service-desc">
<h3>Dry Shampooing</h3><hr>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam ipsa quod sit! Earum quis fuga ut ratione amet necessitatibus minus voluptates.</p>
</div>
</div>
</div>
</section>

<!---4. Testimonials Section-->
<section id="testimonial">
<div class="title-text">
<p>Testimonials</p>
<h1>WHAT OUR CLIENTS SAYS</h1>
</div>
<div class="testimonial-row">
<div class="testimonial-col">
<div class="user">
<img src="images/img-1.jpg" src="image">
<div class="user-info">
<h4>Ken Pollard<i class="fa fa-twitter"></i></h4>
<small>@kenpollard</small>
</div>
</div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Voluptatum odit et ratione dolorem delectus nobis, sunt consectetur,
quos eveniet nihil harum? Deserunt nam ex quo commodi, facilis laudantium repellendus dolorem!</p>
</div>
<div class="testimonial-col">
<div class="user">
<img src="images/img-2.jpg" src="image">
<div class="user-info">
<h4>Sabiya Tabassum<i class="fa fa-twitter"></i></h4>
<small>@nerd__fswd</small>
</div>
</div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.
quos eveniet nihil harum? Deserunt nam ex quo commodi, facilis laudantium repellendus dolorem!</p>
</div>
<div class="testimonial-col">
<div class="user">
<img src="images/img-3.jpg" src="image">
<div class="user-info">
<h4>Suriya<i class="fa fa-twitter"></i></h4>
<small>@im.suriya</small>
</div>
</div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Voluptatum odit et ratione dolorem delectus nobis, sunt consectetur,
quos eveniet nihil harum? Deserunt nam ex quo commodi, facilis laudantium repellendus dolorem!</p>
</div>
</div>
</section>

<!---5. Contact Us section-->
<section id="contact">
<img src="images/footer-img.png" alt="footer img" class="footer-img">
<div class="title-text">
<p>Contact Us</p>
<h1>Visit Shop Today</h1>
</div>
<div class="footer-row">
<div class="footer-left">
<h1>Opening Hours</h1>
<p><i class="fa fa-clock-o"></i>Mon - Fri : 9:00 AM - 9:00 PM</p>
<p><i class="fa fa-clock-o"></i>Sat - Sun : 10:00 AM - 11:00 PM</p>
</div>
<div class="footer-right">
<h1>Get in Touch</h1>
<p><i class="fa fa-map-marker"></i>#30 ABC Colony, XYZ City, IN</p>
<p><i class="fa fa-paper-plane"></i>[email protected]</p>
<p><i class="fa fa-map-marker"></i>+01 1123456782</p>
</div>
</div>
<div class="social-links">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-youtube-play"></i></a><br>
<small> © All Copyrights are reserved to nerd__fswd.</small>
</div>
</section>
<script src="script.js" type="text/javascript"></script>
<script type="module">
// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/10.8.0/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/10.8.0/firebase-analytics.js";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "AIzaSyCt0d-RSB3hgKMUU20QbbZA7CNRCkrXaMg",
authDomain: "barber-985c6.firebaseapp.com",
projectId: "barber-985c6",
storageBucket: "barber-985c6.appspot.com",
messagingSenderId: "3049260321",
appId: "1:3049260321:web:b3a79fc45245ff78986a60",
measurementId: "G-X7FB372LM2"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
</script>
</body>

</html>
26 changes: 26 additions & 0 deletions manifest.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
{
"name":"PWA Tutorial",
"short_name":"PWA",
"start_url":"index.html",
"display":"standalone",
"background_color":"#5900b3",
"theme_color":"black",
"scope": ".",
"description":"This is a PWA tutorial.",
"icons":[
{
"src":"images/logo1.png",
"sizes":"192x192",
"type":"image/png",
"purpose":"any maskable"

},
{
"src":"images/logo2.png",
"sizes":"512x512",
"type":"image/png",
"purpose":"any maskable"

}
]
}
Loading

0 comments on commit d44d53f

Please sign in to comment.