-
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.
- Loading branch information
0 parents
commit bdc7c54
Showing
11 changed files
with
682 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,90 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" dir="ltr"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="32X32"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="48X48"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="96X96"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="144X144"> | ||
| <meta name="description" content="We are a team of passionate programmers and designers who are dedicated to creating innovative and | ||
| high-quality web solutions for our clients. Our mission is to help businesses and organizations achieve | ||
| their goals by leveraging the power of the web."> | ||
| <title>Codettor</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <a href="index.html" class="brand">Codettor</a> | ||
| <div class="menu-btn"></div> | ||
| <div class="navigation"> | ||
| <div class="navigation-items"> | ||
| <a href="index.html">HOME</a> | ||
| <a href="about.html active">ABOUT</a> | ||
| <a href="contact.html">CONTACT</a> | ||
| </div> | ||
| </div> | ||
| </header> | ||
| <section class="home"> | ||
| <video class="video-slide" src="pexels-sora-shimazaki-5925291-3840x2160-24fps.mp4" autoplay muted loop></video> | ||
| <video class="video-slide active" src="pexels-kampus-production-8632606-3840x2160-25fps.mp4" autoplay muted | ||
| loop></video> | ||
| <video class="video-slide" src="pexels-mikhail-nilov-7989854-1080x1920-25fps.mp4" autoplay muted loop></video> | ||
| <div class="content"> | ||
| <h1>Hi,<br><span>We Are Codettor</span></h1> | ||
| </div> | ||
| <div class="content active"> | ||
| <h2> | ||
| Welcome to our web development startup! | ||
| </h2> | ||
| <span> | ||
| We are a team of passionate programmers and designers who are dedicated to creating innovative and | ||
| high-quality web solutions for our clients. Our mission is to help businesses and organizations achieve | ||
| their goals by leveraging the power of the web. | ||
| <!-- At the heart of our company is our commitment to providing excellent customer service and delivering | ||
| projects on time and within budget. We understand that every business is unique, and we take the time to | ||
| understand our clients' specific needs and goals. We believe that collaboration is key to success, and | ||
| we work closely with our clients throughout the development process to ensure that their vision is | ||
| brought to life. --> | ||
| Whether you need a simple website or a complex web application, we have the skills and expertise to | ||
| deliver a solution that exceeds your expectations. So if you're looking for a reliable and innovative | ||
| web development partner, look no further than our startup. | ||
| </span> | ||
| </div> | ||
| <div class="content"> | ||
| <span> | ||
| If you have any questions or would like to | ||
| discuss your project further, | ||
| You can reach us by email at: <a style="color:#ffffff;" href="mailto: [email protected]" | ||
| target="_blank">[email protected]</a> | ||
| <br> | ||
| Stay up-to-date with our latest projects and news by following us on Instagram at : <a | ||
| style="color:#ffffff;" href="https://www.instagram.com/codettor/" target="_blank">codettor</td></a> | ||
| <br> | ||
| We love to share our work and connect with our clients and followers. Don't forget to like and comment | ||
| on our posts! <br> | ||
| Thank you for your interest in Codettor. We look forward to hearing from you soon! | ||
| </span> | ||
| </div> | ||
| <div class="media-icons"> | ||
| <!-- <a href="#"><i class="fab fa-facebook-f"></i></a> --> | ||
| <a href="https://www.instagram.com/codettor/" target="_blank"><i class="fab fa-instagram"></i></a> | ||
| <!-- <a href="#"><i class="fab fa-twitter"></i></a> --> | ||
| </div> | ||
|
|
||
| <div class="slider-navigation"> | ||
| <div class="nav-btn"></div> | ||
| <div class="nav-btn active"></div> | ||
| <div class="nav-btn"></div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <div class="inner-cursor"></div> | ||
| <div class="outer-cursor"></div> | ||
| <script src="app.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
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,64 @@ | ||
| let innerCursor = document.querySelector(".inner-cursor"); | ||
| let outerCursor = document.querySelector(".outer-cursor"); | ||
|
|
||
| document.addEventListener("mousemove", moveCursor); | ||
|
|
||
| function moveCursor(e) { | ||
| let x = e.clientX; | ||
| let y = e.clientY; | ||
|
|
||
| innerCursor.style.left = `${x}px`; | ||
| innerCursor.style.top = `${y}px`; | ||
| outerCursor.style.left = `${x}px`; | ||
| outerCursor.style.top = `${y}px`; | ||
| } | ||
|
|
||
| let links = Array.from(document.querySelectorAll("a")); | ||
|
|
||
| console.log(links); | ||
|
|
||
| links.forEach((link) => { | ||
| link.addEventListener("mouseover", () => { | ||
| innerCursor.classList.add("grow"); | ||
| }); | ||
| link.addEventListener("mouseleave", () => { | ||
| innerCursor.classList.remove("grow"); | ||
| }); | ||
|
|
||
| const menuBtn = document.querySelector(".menu-btn"); | ||
| const navigation = document.querySelector(".navigation"); | ||
|
|
||
| menuBtn.addEventListener("click", () => { | ||
| menuBtn.classList.toggle("active"); | ||
| navigation.classList.toggle("active"); | ||
|
|
||
| }); | ||
|
|
||
| // videoSlider | ||
| const btns = document.querySelectorAll(".nav-btn"); | ||
| const slides = document.querySelectorAll(".video-slide"); | ||
| const contents = document.querySelectorAll(".content"); | ||
|
|
||
| var sliderNav = function (manual) { | ||
| btns.forEach((btn) => { | ||
| btn.classList.remove("active"); | ||
| }); | ||
|
|
||
| slides.forEach((slide) => { | ||
| slide.classList.remove("active"); | ||
| }); | ||
|
|
||
| contents.forEach((content) => { | ||
| content.classList.remove("active"); | ||
| }); | ||
|
|
||
| btns[manual].classList.add("active"); | ||
| slides[manual].classList.add("active"); | ||
| contents[manual].classList.add("active"); | ||
| } | ||
| btns.forEach((btn, i) => { | ||
| btn.addEventListener("click", () => { | ||
| sliderNav(i); | ||
| }); | ||
| }); | ||
| }); |
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,99 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" dir="ltr"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="32X32"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="48X48"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="96X96"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="144X144"> | ||
| <meta name="description" content="We are a team of passionate programmers and designers who are dedicated to creating innovative and | ||
| high-quality web solutions for our clients. Our mission is to help businesses and organizations achieve | ||
| their goals by leveraging the power of the web."> | ||
| <title>Codettor</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <a href="index.html" class="brand">Codettor</a> | ||
| <div class="menu-btn"></div> | ||
| <div class="navigation"> | ||
| <div class="navigation-items"> | ||
| <a href="index.html">HOME</a> | ||
| <a href="about.html">ABOUT</a> | ||
| <a href="contact.html active">CONTACT</a> | ||
| </div> | ||
| </div> | ||
| </header> | ||
| <section class="home"> | ||
| <video class="video-slide" src="pexels-sora-shimazaki-5925291-3840x2160-24fps.mp4" autoplay muted loop></video> | ||
| <video class="video-slide" src="pexels-kampus-production-8632606-3840x2160-25fps.mp4" autoplay muted | ||
| loop></video> | ||
| <video class="video-slide active" src="pexels-mikhail-nilov-7989854-1080x1920-25fps.mp4" autoplay muted | ||
| loop></video> | ||
| <div class="content"> | ||
| <h1>Hi,<br><span>We Are Codettor</span></h1> | ||
|
|
||
| </div> | ||
| <div class="content"> | ||
| <h2> | ||
| Welcome to our web development startup! | ||
| </h2> | ||
| <span> | ||
|
|
||
| We are a team of passionate programmers and designers who are dedicated to creating innovative and | ||
| high-quality web solutions for our clients. Our mission is to help businesses and organizations | ||
| achieve their goals by leveraging the power of the web. | ||
| <!-- At the heart of our company is our commitment to providing excellent customer service and delivering | ||
| projects on time and within budget. We understand that every business is unique, and we take the time to | ||
| understand our clients' specific needs and goals. We believe that collaboration is key to success, and | ||
| we work closely with our clients throughout the development process to ensure that their vision is | ||
| brought to life. --> | ||
| <br> | ||
| Whether you need a simple website or a complex web application, we have the skills and expertise to | ||
| deliver a solution that exceeds your expectations. | ||
| <!-- So if you're looking for a reliable and | ||
| innovative | ||
| web development partner, look no further than our startup. --> | ||
| </span> | ||
| </div> | ||
| <div class="content active"> | ||
| <span> | ||
|
|
||
| If you have any questions or would like to | ||
| discuss your project further, | ||
| You can reach us by email at: <a style="color:#ffffff;" href="mailto: [email protected]" | ||
| target="_blank">[email protected]</a> | ||
| <br> | ||
| Stay up-to-date with our latest projects and news by following us on Instagram at : <a | ||
| style="color:#ffffff;" href="https://www.instagram.com/codettor/" target="_blank">codettor</td> | ||
| </a> | ||
| <br> | ||
| We love to share our work and connect with our clients and followers. Don't forget to like and | ||
| comment | ||
| on our posts! <br> | ||
| Thank you for your interest in Codettor. We look forward to hearing from you soon! | ||
| </span> | ||
| </div> | ||
| <div class="media-icons"> | ||
| <!-- <a href="#"><i class="fab fa-facebook-f"></i></a> --> | ||
| <a href="https://www.instagram.com/codettor/" target="_blank"><i class="fab fa-instagram"></i></a> | ||
| <!-- <a href="#"><i class="fab fa-twitter"></i></a> --> | ||
| </div> | ||
|
|
||
| <div class="slider-navigation"> | ||
| <div class="nav-btn"></div> | ||
| <div class="nav-btn"></div> | ||
| <div class="nav-btn active"></div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <div class="inner-cursor"></div> | ||
| <div class="outer-cursor"></div> | ||
| <script src="app.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
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,99 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" dir="ltr"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="32X32"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="48X48"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="96X96"> | ||
| <link rel="icon" href="codettor-website-favicon-white.png" sizes="144X144"> | ||
| <meta name="description" content="We are a team of passionate programmers and designers who are dedicated to creating innovative and | ||
| high-quality web solutions for our clients. Our mission is to help businesses and organizations achieve | ||
| their goals by leveraging the power of the web."> | ||
| <title>Codettor</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <a href="index.html" class="brand">Codettor</a> | ||
| <div class="menu-btn"></div> | ||
| <div class="navigation"> | ||
| <div class="navigation-items"> | ||
| <a href="index.html">HOME</a> | ||
| <a href="about.html">ABOUT</a> | ||
| <a href="contact.html">CONTACT</a> | ||
| </div> | ||
| </div> | ||
| </header> | ||
| <section class="home"> | ||
| <video class="video-slide active" src="pexels-sora-shimazaki-5925291-3840x2160-24fps.mp4" autoplay muted | ||
| loop></video> | ||
| <video class="video-slide" src="pexels-kampus-production-8632606-3840x2160-25fps.mp4" autoplay muted | ||
| loop></video> | ||
| <video class="video-slide" src="pexels-mikhail-nilov-7989854-1080x1920-25fps.mp4" autoplay muted loop></video> | ||
| <div class="content active"> | ||
| <h1>Hi,<br><span>We Are Codettor</span></h1> | ||
|
|
||
| </div> | ||
| <div class="content"> | ||
| <h2> | ||
| Welcome to our web development startup! | ||
| </h2> | ||
| <span> | ||
|
|
||
| We are a team of passionate programmers and designers who are dedicated to creating innovative and | ||
| high-quality web solutions for our clients. Our mission is to help businesses and organizations | ||
| achieve their goals by leveraging the power of the web. | ||
| <!-- At the heart of our company is our commitment to providing excellent customer service and delivering | ||
| projects on time and within budget. We understand that every business is unique, and we take the time to | ||
| understand our clients' specific needs and goals. We believe that collaboration is key to success, and | ||
| we work closely with our clients throughout the development process to ensure that their vision is | ||
| brought to life. --> | ||
| <br> | ||
| Whether you need a simple website or a complex web application, we have the skills and expertise to | ||
| deliver a solution that exceeds your expectations. | ||
| <!-- So if you're looking for a reliable and | ||
| innovative | ||
| web development partner, look no further than our startup. --> | ||
| </span> | ||
| </div> | ||
| <div class="content"> | ||
| <span> | ||
|
|
||
| If you have any questions or would like to | ||
| discuss your project further, | ||
| You can reach us by email at: <a style="color:#ffffff;" href="mailto: [email protected]" | ||
| target="_blank">[email protected]</a> | ||
| <br> | ||
| Stay up-to-date with our latest projects and news by following us on Instagram at : <a | ||
| style="color:#ffffff;" href="https://www.instagram.com/codettor/" target="_blank">codettor</td> | ||
| </a> | ||
| <br> | ||
| We love to share our work and connect with our clients and followers. Don't forget to like and | ||
| comment | ||
| on our posts! <br> | ||
| Thank you for your interest in Codettor. We look forward to hearing from you soon! | ||
| </span> | ||
| </div> | ||
| <div class="media-icons"> | ||
| <!-- <a href="#"><i class="fab fa-facebook-f"></i></a> --> | ||
| <a href="https://www.instagram.com/codettor/" target="_blank"><i class="fab fa-instagram"></i></a> | ||
| <!-- <a href="#"><i class="fab fa-twitter"></i></a> --> | ||
| </div> | ||
|
|
||
| <div class="slider-navigation"> | ||
| <div class="nav-btn active"></div> | ||
| <div class="nav-btn"></div> | ||
| <div class="nav-btn"></div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <div class="inner-cursor"></div> | ||
| <div class="outer-cursor"></div> | ||
| <script src="app.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Oops, something went wrong.