Skip to content

Commit

Permalink
Revert "Replaced Contact section at Home page with the Form (#372)" (#…
Browse files Browse the repository at this point in the history 
…377)

This reverts commit f1763c9.
  • Loading branch information
@CSEdgeOff
CSEdgeOff authored Jun 1, 2024
1 parent f1763c9 commit e7006ca
Showing 1 changed file with 69 additions and 101 deletions.
170 changes: 69 additions & 101 deletions home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,6 @@
<!--Style Sheets-->
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="navbar.css">
<link rel="stylesheet" href="form.css">
<link rel="script" href="formScript.js">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"
Expand All @@ -25,7 +22,7 @@
<!-- AOS.js -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<!--SEO Optimization-->

<title>CSEdge Internship</title>
<meta name="description"
content="Learn about CSEdge Internship programs and how we're dedicated to helping students and professionals gain real-world experience in software development, coding, and more. Discover our AICTE-accredited programs and how we stand out in the industry.">
Expand All @@ -50,8 +47,8 @@
<body>
<button id="goTopBtn" title="Go to top"><i class="uil uil-arrow-up"></i></button>
<!--Navigation Bar-->
<nav class="fixed-top">
<nav class="fixed-top">

<h1 id="home">CSEdge</h1>
<img style="outline: none;" src="./Images/Menu.svg" alt="Menu">
<ul class="nav-item navbar">
Expand All @@ -71,11 +68,14 @@ <h1 id="home">CSEdge</h1>
<span class="slider round"></span>
</label>
</nav>

<!--Hero Section-->


<section id="hero" class="hero">
<div data-aos="fade-right"
data-aos-duration="2000">

<h2>Unlock your<br> potential<br> with CSEdge </h2>
<p>Where learning meets opportunity <br> in a month-long online internship<br>journey.</p>
<a href="#internship" class="btn" data-aos="zoom-in">Apply Now</a>
Expand All @@ -86,8 +86,9 @@ <h2>Unlock your<br> potential<br> with CSEdge </h2>
<section id="AboutUS">
<h2 class="section-heading" data-aos="fade-up">ABOUT US</h2>
<div class="about-content">
<div >
<p data-aos="fade-right"><span style="color: #22CFB9; font-weight: bold;" data-aos="fade-right">CSEdge</span> is an online internship platform that
<div>
<p data-aos="fade-right"><span style="color: #22CFB9; font-weight: bold;"
data-aos="fade-right">CSEdge</span> is an online internship platform that
provides students with the
opportunity to gain practical experience in the field of software development. We offer a variety of
internship programs that are designed to help students develop their skills and enhance their
Expand All @@ -97,11 +98,12 @@ <h2 class="section-heading" data-aos="fade-up">ABOUT US</h2>
experience in the field of software development.</p> <br>
<p data-aos="fade-right"><span style="color: #22CFB9; font-weight: bold;">MSME Registered</span>
individuals on this journey of perpetual learning and boundless joy!</p> <br>

<p data-aos="fade-right"><span style="color: #22CFB9; font-weight: bold;">AICTE Approved</span> Our Internship Programs are
endorsed By AICTE, ensuring
top-notch quality and relevance.</p>

<button class="read-more-button" id="aboutpage" data-aos="fade-right">Read More</button>
</div>
<div class="about-image">
<img src="./Images/AboutImage.png" style="scale: 1.5;" alt="About-US" data-aos="zoom-in">
</div>
Expand All @@ -112,70 +114,97 @@ <h2 class="section-heading" data-aos="fade-up">ABOUT US</h2>
<h2 class="section-heading" data-aos="fade-up">INTERNSHIPS</h2>
<ul class="internship-program">
<!--Python Internship-->

<li class="internships" data-aos="fade-up">

<img src="./Images/PythonLogo.png" alt="Python Internship" data-aos="zoom-in">
<p class="program-title"data-aos="fade-up">Python Internship Program</p>
<p class="program-duration"data-aos="fade-up">1 Month(online)</p>
<p class="program-description"data-aos="fade-up">Join our Python Internship Program and gain practical experience in one
of the most popular programming languages. Learn the fundamentals of Python, develop real-world
projects, and enhance your coding skills. Get mentored by industry professionals and boost your
career in the field of software development.</p>
<div style="transform: translateZ(20px)">
<p class="program-title" data-aos="fade-up">Python Internship Program</p>
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
<p class="program-description" data-aos="fade-up">Join our Python Internship Program and gain
practical experience in one
of the most popular programming languages. Learn the fundamentals of Python, develop real-world
projects, and enhance your coding skills. Get mentored by industry professionals and boost your
career in the field of software development.</p>
</div>
<div class="program-buttons">
<button id="python" class="program-apply-button"data-aos="fade-up">Read More..!</button>
<button id="python-form" class="program-apply-button"data-aos="fade-up">Apply Now</button>
<button id="python" class="program-apply-button" data-aos="fade-up">Read More..!</button>
<button id="python-form" class="program-apply-button" data-aos="fade-up">Apply Now</button>
</div>
</li>
<!--Web Development Internship-->

<li class="internships" data-aos="fade-up">

<img src="./Images/HTMLLOGO.png" alt="Web Development Internship" data-aos="zoom-in">
<p class="program-title"data-aos="fade-up">Web Development Internship Program</p>
<p class="program-duration"data-aos="fade-up">1 Month(online)</p>
<p class="program-description"data-aos="fade-up">Join our Web Development Internship Program and gain practical experience
<div style="transform: translateZ(20px)">
<p class="program-title" data-aos="fade-up">Web Development Internship Program</p>
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
<p class="program-description" data-aos="fade-up">Join our Web Development Internship Program and gain
practical experience
in one of the most popular programming languages. Learn the fundamentals of web development, develop
real-world projects, and enhance your coding skills. Get mentored by industry professionals and
boost your career in software development.</p>
</div>
<div class="program-buttons">
<button id="webdev" class="program-apply-button"data-aos="fade-up">Read More..!</button>
<button id="web-dev-form" class="program-apply-button"data-aos="fade-up">Apply Now</button>
<button id="webdev" class="program-apply-button" data-aos="fade-up">Read More..!</button>
<button id="web-dev-form" class="program-apply-button" data-aos="fade-up">Apply Now</button>
</div>
</li>
<!--Java Internship-->

<li class="internships" data-aos="fade-up">

<img src="./Images/JavaLogo.png" alt="Java Internship" data-aos="zoom-in">
<p class="program-title"data-aos="fade-up">Java Internship Program</p>
<p class="program-duration"data-aos="fade-up">1 Month(online)</p>
<p class="program-description"data-aos="fade-up">Join our Java Internship Program and gain practical experience in one of
<div style="transform: translateZ(20px)">
<p class="program-title" data-aos="fade-up">Java Internship Program</p>
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
<p class="program-description" data-aos="fade-up">Join our Java Internship Program and gain practical
experience in one of
the most popular programming languages. Learn Java fundamentals, develop real-world projects, and
enhance your coding skills. Get mentored by industry professionals and boost your software
development career.</p>
</div>
<div class="program-buttons">
<button id="java" class="program-apply-button"data-aos="fade-up">Read More..!</button>
<button id="java-form" class="program-apply-button"data-aos="fade-up">Apply Now</button>
<button id="java" class="program-apply-button" data-aos="fade-up">Read More..!</button>
<button id="java-form" class="program-apply-button" data-aos="fade-up">Apply Now</button>
</div>
</li>
<!--UI Design Internship-->

<li data-aos="fade-up" data-tilt style="transform-style: preserve-3d; transform: perspective(1000px);">

<li class="internships" data-aos="fade-up">

<img src="./Images/UIUXLogo.png" alt="UI Design" data-aos="zoom-in">
<p class="program-title"data-aos="fade-up">UI Design Internship Program</p>
<p class="program-duration"data-aos="fade-up">1 Month(online)</p>
<p class="program-description"data-aos="fade-up">Join our UI Design Internship Program and gain practical experience in
<div style="transform: translateZ(20px)">
<p class="program-title" data-aos="fade-up">UI Design Internship Program</p>
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
<p class="program-description" data-aos="fade-up">Join our UI Design Internship Program and gain
practical experience in
the field of user interface design. Learn the principles of UI design, develop interactive
prototypes, and enhance your skills in creating visually appealing and user-friendly interfaces. Get
mentored by industry professionals and kickstart your career in UI design.</p>
<div class="program-buttons"data-aos="fade-up">
</div>
<div class="program-buttons" data-aos="fade-up">
<button class="program-apply-button" data-aos="fade-up">Coming Soon..!</button>
<!--<button class="program-apply-button">Coming Soon..!</button>-->
</div>
</li>
<!--Data Science Internship-->

<li class="internships" data-aos="fade-up">

<img src="./Images/DatascienceLogo.png" alt="Data Science Internship" data-aos="zoom-in">
<div style="transform: translateZ(20px)">
<p class="program-title" data-aos="fade-up">Data Science Internship Program</p>
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
<p class="program-description" data-aos="fade-up">Join our Data Science Internship Program and gain practical experience in
<p class="program-description" data-aos="fade-up">Join our Data Science Internship Program and gain
practical experience in
one of the most in-demand fields. Learn data analysis, machine learning, and statistical modeling.
Develop real-world projects and enhance your skills in data science. Get mentored by industry
professionals and kickstart your career in the field of data science.</p>
</div>
<div class="program-buttons" data-aos="fade-up">
<button class="program-apply-button" data-aos="fade-up">Coming Soon..!</button>
</div>
Expand Down Expand Up @@ -238,7 +267,7 @@ <h2 class="section-heading" data-aos="fade-up">Why CSEdge Internship?</h2>
</table>
</section>
<!--Contact Section-->
<!-- <section id="contact">
<section id="contact">
<h2 class="section-heading" data-aos="fade-up">Contact Us</h2>
<p class="section-content" data-aos="fade-up">For more information or inquiries, please contact us:</p>
<p class="section-content" data-aos="fade-up">Email: [email protected]</p>
Expand All @@ -254,60 +283,7 @@ <h2 class="section-heading" data-aos="fade-up">Contact Us</h2>
style="color: #0085ff;"></i></a>
<a href="https://youtube.com/@CSEdgeOfficial" target="_blank"><i class="fab fa-youtube fa-2x"
style="color: #0085ff;"></i></a>
</div>-->

<!--Form -->
<section id="form" class="form">
<div class="container">
<div class="row">
<div class="col-8">
<form id="userinfo">
<h3 class="FormHead"> Help Us Improve</h3>
<div class="form-group">
<label class="sr-only" for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Enter email" name="email">
</div>
<div class="form-group">
<label class="sr-only" for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Enter Name" name="name">
</div>
<div class="form-group">
<label class="sr-only" for="comment">Comment</label>
<input type="text" class="form-control" id="comment" placeholder="Comments" name="Comment" style="height: 50px">
</div>
<!-- Star Rating-->
<div class="rating-box">
<p class="experience">How was your experience?</p>
<div class="rate">
<input type="radio" id="star5" name="rate" value="5" />
<label for="star5" title="text">5 stars</label>
<input type="radio" id="star4" name="rate" value="4" />
<label for="star4" title="text">4 stars</label>
<input type="radio" id="star3" name="rate" value="3" />
<label for="star3" title="text">3 stars</label>
<input type="radio" id="star2" name="rate" value="2" />
<label for="star2" title="text">2 stars</label>
<input type="radio" id="star1" name="rate" value="1" />
<label for="star1" title="text">1 star</label>
</div>
</div>
<br>
<br>
<br>
<!-- button-->
<div class="btn-group">


<input type="submit" class="btn btn-primary" value="Submit">
</div>
</form>
</div>
<div class="col-2">
<img src="image/form.png" class="formImage" about="image">
</div>
</div>
</div>

</section>
<!--FAQ Section-->
<section id="faq" class="faq">
Expand Down Expand Up @@ -478,7 +454,10 @@ <h4>Follow US</h4>
</div>
</div>
</div>
<p class="copyright">Copyright &copy; <script>document.write(new Date().getFullYear())</script> CSEdge.<br>All Rights Reserved Designed By Team CSEdge</p>
<p class="copyright">Copyright &copy;
<script>document.write(new Date().getFullYear())</script> CSEdge.<br>All Rights Reserved Designed By Team
CSEdge
</p>
</footer>


Expand Down Expand Up @@ -658,18 +637,7 @@ <h4>Follow US</h4>
duration: 1000
});
</script>
<!-- Form-->
<script>
const form = document.querySelector("#userinfo");

form.addEventListener("submit", storeData);
</script>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="vanilla-tilt.js"></script>
</body>

</html>
</html>

0 comments on commit e7006ca

Please sign in to comment.