Skip to content

Commit

Permalink
Added index.html and style.css
Browse files Browse the repository at this point in the history
  • Loading branch information
@AdrikaPanwar
AdrikaPanwar committed Sep 7, 2024
0 parents commit 0a3ab47
Show file tree
Hide file tree
Showing 2 changed files with 163 additions and 0 deletions.
111 changes: 111 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,111 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IGNOU E-Cell Portfolio</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>

<body>

<div class="container my-5">
<h1 class="text-center text-light mb-4">IGNOU E-Cell</h1>
<div class="row justify-content-center">
<!-- Flash Card 1 -->
<div class="col-md-4">
<div class="card flash-card">
<div class="card-body">
<h5 class="card-title">About IGNOU E-Cell</h5>
<p class="card-text">The IGNOU E-Cell, a student-led initiative, aims to promote innovation,
creativity, and entrepreneurship. Our goal is to bridge the gap between education and the
real-world startup ecosystem by empowering students with the necessary resources and skills
to transform their ideas into successful ventures.</p>
</div>
</div>
</div>

<!-- Flash Card 2 -->
<div class="col-md-4">
<div class="card flash-card">
<div class="card-body">
<h5 class="card-title">Our Vision & Team</h5>
<p class="card-text">We, the team at IGNOU E-Cell, are driven by a shared vision to make
entrepreneurship a realistic career path for students. Led by a passionate group of
innovators, we seek to foster collaboration between academia and industry. Our team is
committed to guiding students through their entrepreneurial journey, offering mentorship,
networking, and hands-on learning experiences.</p>
</div>
</div>
</div>

<!-- Flash Card 3 -->
<div class="col-md-4">
<div class="card flash-card">
<div class="card-body">
<h5 class="card-title">The Importance of Entrepreneurship</h5>
<p class="card-text">Entrepreneurship is at the heart of economic progress, driving innovation,
solving real-world problems, and creating employment opportunities. In today's competitive
global economy, entrepreneurship empowers individuals to take control of their careers and
unlock new possibilities. At IGNOU E-Cell, we believe that every student has the potential
to
become an entrepreneur, and we are here to help unlock that potential.</p>
</div>
</div>
</div>

<!-- Flash Card 4 -->
<div class="col-md-4">
<div class="card flash-card">
<div class="card-body">
<h5 class="card-title">Technology in the New Era</h5>
<p class="card-text">We are living in a transformative age where technology is reshaping
industries and opening doors to new opportunities. From artificial intelligence and machine
learning to blockchain and fintech, this new era of technology presents endless potential
for
innovation. At IGNOU E-Cell, we encourage students to leverage cutting-edge technologies to
create solutions that can change the world.</p>
</div>
</div>
</div>

<!-- Flash Card 5 -->
<div class="col-md-4">
<div class="card flash-card">
<div class="card-body">
<h5 class="card-title">Focus on Tech and Innovation</h5>
<p class="card-text">Our focus is on technology-driven innovation. We believe that the next big
startups will emerge at the intersection of technology and entrepreneurship. By offering
students access to workshops, seminars, and industry experts, we help them focus on building
tech-based solutions for real-world problems. This is an opportunity to embrace the latest
advancements and make a meaningful impact on society.</p>
</div>
</div>
</div>

<!-- Flash Card 6 -->
<div class="col-md-4">
<div class="card flash-card">
<div class="card-body">
<h5 class="card-title">Join Us: Be a Part of the Change</h5>
<p class="card-text">We invite students, mentors, and industry leaders to join hands with IGNOU
E-Cell. Whether you are a student with a passion for tech and entrepreneurship, or someone
looking to support the next generation of entrepreneurs, there is a place for you at E-Cell.
Together, we can create the future of innovation and entrepreneurship. Become part of our
dynamic community and lead the way in the new age of entrepreneurship.</p>
</div>
</div>
</div>
</div>
</div>

<footer class="text-center text-light mt-5">
<p>&copy; 2024 IGNOU E-Cell. All rights reserved.</p>
</footer>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>
52 changes: 52 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
body {
background-color: #000;
/* Black background for a classy look */
color: #fff;
/* White text color */
}

h1 {
font-weight: bold;
font-size: 3rem;
}

.card {
background-color: #333;
/* Dark background for the cards */
color: #fff;
/* White text color */
border: none;
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2);
transition: transform 0.3s ease;
}

.card:hover {
transform: scale(1.05);
}

.flash-card {
margin: 20px 0;
padding: 20px;
border-radius: 10px;
background-color: #222;
border: 1px solid #444;
/* Floating animation */
animation: float 3s ease-in-out infinite;
}

/* Float animation keyframes */
@keyframes float {

0%,
100% {
transform: translateY(0);
}

50% {
transform: translateY(-10px);
}
}

footer {
margin-top: 50px;
}

0 comments on commit 0a3ab47

Please sign in to comment.