Skip to content

Commit aca0f51

Browse files
Ridhima10Ridhima10
authored
Added parallax effect on cards (#338)
1 parent 2c87586 commit aca0f51

File tree

2 files changed

+569
-32
lines changed

2 files changed

+569
-32
lines changed

‎home.html

Lines changed: 68 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222
<!-- AOS.js -->
2323
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
2424
<!--SEO Optimization-->
25-
25+
2626
<title>CSEdge Internship</title>
2727
<meta name="description"
2828
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.">
@@ -47,8 +47,8 @@
4747
<body>
4848
<button id="goTopBtn" title="Go to top"><i class="uil uil-arrow-up"></i></button>
4949
<!--Navigation Bar-->
50-
<nav class="fixed-top">
51-
50+
<nav class="fixed-top">
51+
5252
<h1 id="home">CSEdge</h1>
5353
<img style="outline: none;" src="./Images/Menu.svg" alt="Menu">
5454
<ul class="nav-item navbar">
@@ -68,11 +68,14 @@ <h1 id="home">CSEdge</h1>
6868
<span class="slider round"></span>
6969
</label>
7070
</nav>
71-
71+
7272
<!--Hero Section-->
73+
74+
7375
<section id="hero" class="hero">
7476
<div data-aos="fade-right"
7577
data-aos-duration="2000">
78+
7679
<h2>Unlock your<br> potential<br> with CSEdge </h2>
7780
<p>Where learning meets opportunity <br> in a month-long online internship<br>journey.</p>
7881
<a href="#internship" class="btn" data-aos="zoom-in">Apply Now</a>
@@ -83,8 +86,9 @@ <h2>Unlock your<br> potential<br> with CSEdge </h2>
8386
<section id="AboutUS">
8487
<h2 class="section-heading" data-aos="fade-up">ABOUT US</h2>
8588
<div class="about-content">
86-
<div >
87-
<p data-aos="fade-right"><span style="color: #22CFB9; font-weight: bold;" data-aos="fade-right">CSEdge</span> is an online internship platform that
89+
<div>
90+
<p data-aos="fade-right"><span style="color: #22CFB9; font-weight: bold;"
91+
data-aos="fade-right">CSEdge</span> is an online internship platform that
8892
provides students with the
8993
opportunity to gain practical experience in the field of software development. We offer a variety of
9094
internship programs that are designed to help students develop their skills and enhance their
@@ -94,11 +98,12 @@ <h2 class="section-heading" data-aos="fade-up">ABOUT US</h2>
9498
experience in the field of software development.</p> <br>
9599
<p data-aos="fade-right"><span style="color: #22CFB9; font-weight: bold;">MSME Registered</span>
96100
individuals on this journey of perpetual learning and boundless joy!</p> <br>
101+
97102
<p data-aos="fade-right"><span style="color: #22CFB9; font-weight: bold;">AICTE Approved</span> Our Internship Programs are
98103
endorsed By AICTE, ensuring
99104
top-notch quality and relevance.</p>
105+
100106
<button class="read-more-button" id="aboutpage" data-aos="fade-right">Read More</button>
101-
</div>
102107
<div class="about-image">
103108
<img src="./Images/AboutImage.png" style="scale: 1.5;" alt="About-US" data-aos="zoom-in">
104109
</div>
@@ -109,70 +114,97 @@ <h2 class="section-heading" data-aos="fade-up">ABOUT US</h2>
109114
<h2 class="section-heading" data-aos="fade-up">INTERNSHIPS</h2>
110115
<ul class="internship-program">
111116
<!--Python Internship-->
117+
112118
<li class="internships" data-aos="fade-up">
119+
113120
<img src="./Images/PythonLogo.png" alt="Python Internship" data-aos="zoom-in">
114-
<p class="program-title"data-aos="fade-up">Python Internship Program</p>
115-
<p class="program-duration"data-aos="fade-up">1 Month(online)</p>
116-
<p class="program-description"data-aos="fade-up">Join our Python Internship Program and gain practical experience in one
117-
of the most popular programming languages. Learn the fundamentals of Python, develop real-world
118-
projects, and enhance your coding skills. Get mentored by industry professionals and boost your
119-
career in the field of software development.</p>
121+
<div style="transform: translateZ(20px)">
122+
<p class="program-title" data-aos="fade-up">Python Internship Program</p>
123+
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
124+
<p class="program-description" data-aos="fade-up">Join our Python Internship Program and gain
125+
practical experience in one
126+
of the most popular programming languages. Learn the fundamentals of Python, develop real-world
127+
projects, and enhance your coding skills. Get mentored by industry professionals and boost your
128+
career in the field of software development.</p>
129+
</div>
120130
<div class="program-buttons">
121-
<button id="python" class="program-apply-button"data-aos="fade-up">Read More..!</button>
122-
<button id="python-form" class="program-apply-button"data-aos="fade-up">Apply Now</button>
131+
<button id="python" class="program-apply-button" data-aos="fade-up">Read More..!</button>
132+
<button id="python-form" class="program-apply-button" data-aos="fade-up">Apply Now</button>
123133
</div>
124134
</li>
125135
<!--Web Development Internship-->
136+
126137
<li class="internships" data-aos="fade-up">
138+
127139
<img src="./Images/HTMLLOGO.png" alt="Web Development Internship" data-aos="zoom-in">
128-
<p class="program-title"data-aos="fade-up">Web Development Internship Program</p>
129-
<p class="program-duration"data-aos="fade-up">1 Month(online)</p>
130-
<p class="program-description"data-aos="fade-up">Join our Web Development Internship Program and gain practical experience
140+
<div style="transform: translateZ(20px)">
141+
<p class="program-title" data-aos="fade-up">Web Development Internship Program</p>
142+
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
143+
<p class="program-description" data-aos="fade-up">Join our Web Development Internship Program and gain
144+
practical experience
131145
in one of the most popular programming languages. Learn the fundamentals of web development, develop
132146
real-world projects, and enhance your coding skills. Get mentored by industry professionals and
133147
boost your career in software development.</p>
148+
</div>
134149
<div class="program-buttons">
135-
<button id="webdev" class="program-apply-button"data-aos="fade-up">Read More..!</button>
136-
<button id="web-dev-form" class="program-apply-button"data-aos="fade-up">Apply Now</button>
150+
<button id="webdev" class="program-apply-button" data-aos="fade-up">Read More..!</button>
151+
<button id="web-dev-form" class="program-apply-button" data-aos="fade-up">Apply Now</button>
137152
</div>
138153
</li>
139154
<!--Java Internship-->
155+
140156
<li class="internships" data-aos="fade-up">
157+
141158
<img src="./Images/JavaLogo.png" alt="Java Internship" data-aos="zoom-in">
142-
<p class="program-title"data-aos="fade-up">Java Internship Program</p>
143-
<p class="program-duration"data-aos="fade-up">1 Month(online)</p>
144-
<p class="program-description"data-aos="fade-up">Join our Java Internship Program and gain practical experience in one of
159+
<div style="transform: translateZ(20px)">
160+
<p class="program-title" data-aos="fade-up">Java Internship Program</p>
161+
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
162+
<p class="program-description" data-aos="fade-up">Join our Java Internship Program and gain practical
163+
experience in one of
145164
the most popular programming languages. Learn Java fundamentals, develop real-world projects, and
146165
enhance your coding skills. Get mentored by industry professionals and boost your software
147166
development career.</p>
167+
</div>
148168
<div class="program-buttons">
149-
<button id="java" class="program-apply-button"data-aos="fade-up">Read More..!</button>
150-
<button id="java-form" class="program-apply-button"data-aos="fade-up">Apply Now</button>
169+
<button id="java" class="program-apply-button" data-aos="fade-up">Read More..!</button>
170+
<button id="java-form" class="program-apply-button" data-aos="fade-up">Apply Now</button>
151171
</div>
152172
</li>
153173
<!--UI Design Internship-->
174+
175+
<li data-aos="fade-up" data-tilt style="transform-style: preserve-3d; transform: perspective(1000px);">
176+
154177
<li class="internships" data-aos="fade-up">
178+
155179
<img src="./Images/UIUXLogo.png" alt="UI Design" data-aos="zoom-in">
156-
<p class="program-title"data-aos="fade-up">UI Design Internship Program</p>
157-
<p class="program-duration"data-aos="fade-up">1 Month(online)</p>
158-
<p class="program-description"data-aos="fade-up">Join our UI Design Internship Program and gain practical experience in
180+
<div style="transform: translateZ(20px)">
181+
<p class="program-title" data-aos="fade-up">UI Design Internship Program</p>
182+
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
183+
<p class="program-description" data-aos="fade-up">Join our UI Design Internship Program and gain
184+
practical experience in
159185
the field of user interface design. Learn the principles of UI design, develop interactive
160186
prototypes, and enhance your skills in creating visually appealing and user-friendly interfaces. Get
161187
mentored by industry professionals and kickstart your career in UI design.</p>
162-
<div class="program-buttons"data-aos="fade-up">
188+
</div>
189+
<div class="program-buttons" data-aos="fade-up">
163190
<button class="program-apply-button" data-aos="fade-up">Coming Soon..!</button>
164191
<!--<button class="program-apply-button">Coming Soon..!</button>-->
165192
</div>
166193
</li>
167194
<!--Data Science Internship-->
195+
168196
<li class="internships" data-aos="fade-up">
197+
169198
<img src="./Images/DatascienceLogo.png" alt="Data Science Internship" data-aos="zoom-in">
199+
<div style="transform: translateZ(20px)">
170200
<p class="program-title" data-aos="fade-up">Data Science Internship Program</p>
171201
<p class="program-duration" data-aos="fade-up">1 Month(online)</p>
172-
<p class="program-description" data-aos="fade-up">Join our Data Science Internship Program and gain practical experience in
202+
<p class="program-description" data-aos="fade-up">Join our Data Science Internship Program and gain
203+
practical experience in
173204
one of the most in-demand fields. Learn data analysis, machine learning, and statistical modeling.
174205
Develop real-world projects and enhance your skills in data science. Get mentored by industry
175206
professionals and kickstart your career in the field of data science.</p>
207+
</div>
176208
<div class="program-buttons" data-aos="fade-up">
177209
<button class="program-apply-button" data-aos="fade-up">Coming Soon..!</button>
178210
</div>
@@ -422,7 +454,10 @@ <h4>Follow US</h4>
422454
</div>
423455
</div>
424456
</div>
425-
<p class="copyright">Copyright &copy; <script>document.write(new Date().getFullYear())</script> CSEdge.<br>All Rights Reserved Designed By Team CSEdge</p>
457+
<p class="copyright">Copyright &copy;
458+
<script>document.write(new Date().getFullYear())</script> CSEdge.<br>All Rights Reserved Designed By Team
459+
CSEdge
460+
</p>
426461
</footer>
427462

428463

@@ -602,6 +637,7 @@ <h4>Follow US</h4>
602637
duration: 1000
603638
});
604639
</script>
640+
<script src="vanilla-tilt.js"></script>
605641
</body>
606642

607-
</html>
643+
</html>

0 commit comments

Comments
 (0)