Skip to content

Business Website #138

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

Open
siddakbagga13 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Business Website #138

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
Binary file added Business Website/images/img1.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.
268 changes: 268 additions & 0 deletions Business Website/index.html
View file
Open in desktop
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>Business Website</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="/your_path_to_version_6_files/css/all.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="style1.css" />
</head>
<body>

<div class="scroll-up-btn">
<i class="fas fa-angle-up"></i>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#">Your Company logo<span></i><span></a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#projects" class="menu-btn">Mentors</a></li>
<li><a href="#skills" class="menu-btn">Our experiences</a></li>
<li><a href="#experences" class="menu-btn"> Founders</a></li>
<li><a href="#contact" class="menu-btn">Contact</a></li>
</ul>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</div>
</nav>

<!-- home section start -->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Warmest welcome! from</div>
<div class="text-2">Our Team</div>
<div class="text-3"><span class="typing"></span></div>
<a href="comingsoon.html">Show more</a>
</div>
</div>
</section>

<!-- about section start -->
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About us</h2>
<div class="about-content">
<div class="column left">
<img src="images/TBF LOGO.png" alt="">
</div>
<div class="column right">
<div class="text">Our Team Members-<span class="typing-2"></span></div>
<p>Your Describe</p>
</div>
</div>
</div>
</section>

<!-- services section start -->
<section class="services" id="projects">
<div class="max-width">
<h2 class="title">Mentors</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<br><br><br><br><br><br><br><br><br><br>
</div>
</div>
<div class="card1">
<div class="box">
<br><br><br><br><br>
</div>
</div>
<div class="card2">
<div class="box">
<br><br><br><br><br>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- skills section start -->
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">Our experiences</h2>
<div class="skills-content">
<div class="column left">
<div class="text">Our hard work behind this..</div>
<a href="comingsoon.html">See more</a>
</div>
<div class="column right">
<div class="bars">
<div class="info">
<span>1st</span>
<span>90%</span>
</div>
<div class="line html"></div>
</div>
<div class="bars">
<div class="info">
<span>2nd</span>
<span>85%</span>
</div>
<div class="line css"></div>
</div>
<div class="bars">
<div class="info">
<span>3rd</span>
<span>80%</span>
</div>
<div class="line js"></div>
</div>
<div class="bars">
<div class="info">
<span>4th</span>
<span>60%</span>
</div>
<div class="line c"></div>
</div>
<div class="bars">
<div class="info">
<span>5th</span>
<span>70%</span>
</div>
<div class="line mysql"></div>
</div>
</div>
</div>
</div>
</section>

<!-- teams section start -->
<section class="teams" id="experences">
<div class="max-width">
<h2 class="title">Teams</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<img src="images/SAPNE-APNE-POSTER-BLUE-FULL-AND-FINAL.jpg" alt="">
<div class="text">Sapne Ya Apne</div>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/img1.png" alt="">
<div class="text">Chaar Din Ki Zindagi Hai...</div>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/img1.png" alt="">
<div class="text">Coming Soon!</div>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/img1.png" alt="">
<div class="text">Coming Soon!</div>
</div>
</div>
<div class="card">
<div class="box">
<img src="images/img1.png" alt="">
<div class="text">Coming Soon!</div>
</p>
</div>
</div>
</div>
</div>
</section>

<!-- contact section start -->
<section class="contact" id="contact">
<div class="max-width">
<h2 class="title">Contact Us</h2>

<div class="contact-content">
<div class="column left">
<div class="text">Get in Touch</div>
<p>To get in touch with us..Contact via us!</p>
<div class="icons">
<div class="row">
<i class="fas fa-user"></i>
<div class="info">
<div class="head">Name</div>
<div class="sub-title">Your Company name</div>
</div>
</div>
<div class="row">
<i class="fas fa-map-marker-alt"></i>
<div class="info">
<div class="head">Address</div>
<div class="sub-title"></div>
</div>
</div>
<div class="row">
<i class="fa fa-instagram"></i>
<div class="info">
<div class="head">Connect via US</div>
<div class="sub-title"><a href="#">Follow US</a></div>
</div>
</div>
</div>
</div>
<div class="column right">
<div class="text">Contact US</div>
<form name="google-sheet" method="post" >
<div id="form_alerts"></div>
<div class="fields">
<div class="field name">
<input type="text" id="name" name="name" placeholder="Name" required>
</div>
<div class="field email">
<input type="email" id="email" name="email" placeholder="Email" required>
</div>
</div>
<div class="field">
<input type="phone" id="phone" name="phone" placeholder="Phone" required>
</div>
<div class="field textarea">
<textarea cols="30" rows="10" id="message" name="message" placeholder="Message.." required></textarea>
</div>
<div class="button-area">
<button type="submit">Send message</button>
</div>

</form>
</div>
</div>
</div>
</section>
<div class='cursor' id="cursor"></div>
<script>var cursor = document.getElementById("cursor");
document.body.addEventListener("mousemove", function(c) {
cursor.style.left = c.clientX + "px",
cursor.style.top = c.clientY + "px";
});
</script>
<!-- footer section start -->
<footer>
<spam>All rights are reserved under the act of Copyright </span><span class="far fa-copyright"></span>
</footer>

<script src="script.js"></script>
<!-- <script>
const scriptURL = 'Your Link Here'
const form = document.forms['google-sheet']
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => $("#form_alerts").html("<div class='alert alert-success'>Message sent successfully.</div>"))
.catch(error => $("#form_alerts").html("<div class='alert alert-danger'>Message not sent.</div>"))
})
</script>
<script src="less.js" type="text/javascript"></script> -->
</body>
</html>
73 changes: 73 additions & 0 deletions Business Website/script.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,73 @@
$(document).ready(function(){
$(window).scroll(function(){
// sticky navbar on scroll script
if(this.scrollY > 20){
$('.navbar').addClass("sticky");
}else{
$('.navbar').removeClass("sticky");
}

// scroll-up button show/hide script
if(this.scrollY > 500){
$('.scroll-up-btn').addClass("show");
}else{
$('.scroll-up-btn').removeClass("show");
}
});

// slide-up script
$('.scroll-up-btn').click(function(){
$('html').animate({scrollTop: 0});
// removing smooth scroll on slide-up button click
$('html').css("scrollBehavior", "auto");
});

$('.navbar .menu li a').click(function(){
// applying again smooth scroll on menu items click
$('html').css("scrollBehavior", "smooth");
});

// toggle menu/navbar script
$('.menu-btn').click(function(){
$('.navbar .menu').toggleClass("active");
$('.menu-btn i').toggleClass("active");
});

// typing text animation script
var typed = new Typed(".typing", {
strings: ["Your TEAM"],
typeSpeed: 100,
backSpeed: 80,
loop: true
});

var typed = new Typed(".typing-2", {
strings: ["Your TEAM"],
typeSpeed: 100,
backSpeed: 80,
loop: true
});

// owl carousel script
$('.carousel').owlCarousel({
margin: 20,
loop: true,
autoplay: true,
autoplayTimeOut: 2000,
autoplayHoverPause: true,
responsive: {
0:{
items: 1,
nav: false
},
600:{
items: 2,
nav: false
},
1000:{
items: 3,
nav: false
}
}
});
});
Loading