Website/index.html at main · E-CELL-ASPERA-VVCE/Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ASPERA</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap" rel="stylesheet">
</head>

<body>
    <!-- Navigation Bar -->
    <header>
        <nav>
            <div class="logo">
                <img src="logohrbg.png" alt="ASPERA VVCE" class="logo-dance">
            </div>
            <ul class="nav-links">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#events">Events</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <!-- Background Effect Layers -->
    <div class="background">
        <div class="floating-particles"></div>
        <div class="parallax-layer"></div>
    </div>

    <!-- Main Content -->
    <main>
        <!-- Home Section -->
        <section id="home">
            <div class="home-container">
                <div class="logo-container">
                    <img id="main" src="Logo_Main.png" alt="ASPERA Logo" class="logo-dance">
                </div>
                <div class="content-container">
                    <p>We are the Entrepreneurship Cell – E Cell ASPERA of Vidyavardhaka College of Engineering,
                        Mysuru. ASPERA is set up to encourage entrepreneurship among students.
                         It is a student-driven community backed by the Institution.
                          ASPERA conducts workshops, activities, and drives to help and
                           mold the ideas of entrepreneurship, innovation, and start-up within
                           the future leaders.</p>
                </div>
            </div>
        </section>

       <!-- About Section -->
<section id="about">
    <div class="about-content">
        <h2>About Us</h2>
        <p>ASPERA is a dynamic student-driven initiative at Vidyavardhaka College of Engineering (VVCE), dedicated to fostering entrepreneurship, innovation, and leadership skills. Through various workshops, events, and collaborative opportunities, ASPERA empowers students to turn their ideas into impactful ventures.</p>

        <h2>Vision</h2>
        <p>To foster entrepreneurship, innovation, and startup culture in both students and faculty.</p>

        <h2>Mission</h2>
        <p>To empower students with the knowledge, resources, and mentorship needed to transform their ideas into thriving ventures.</p>
    </div>
</section>

        <!-- Events Section -->
        <section id="events">
            <h2 style="color: aliceblue;">Events</h2>
            <div class="event-cards">
                <a href="eweek.html" class="event-card">
                    <img src="event2.jpg" alt="E-Week Event">
                    <h3>E-Week</h3>
                    <p>Explore entrepreneurship with exciting challenges!</p>
                </a>
                <a href="100rs.html" class="event-card">
                    <img src="event3.jpg" alt="100rs Challenge">
                    <h3>100rs Challenge</h3>
                    <p>Join us in a creative challenge to maximize impact with just 100rs.</p>
                </a>
                <a href="weday.html" class="event-card">
                    <img src="event1.jpg" alt="WE Day">
                    <h3>WE Day</h3>
                    <p>Empowering women entrepreneurs with a day full of inspiration.</p>
                </a>
            </div>
        </section>

        <!-- Contact Section -->
        <section id="contact">
            <div class="contact-content">
                <h2 style="color: aliceblue;" >Contact Us</h2>
                <p style="color: rgb(255, 255, 255);">Get in touch with us at <a href="mailto:contact@aspera.com">contact@aspera.com</a>.</p>
            </div>
        </section>
    </main>

    <!-- Footer Section -->
    <footer>
        <p style="color: rgb(0, 136, 255);">&copy; 2024 ASPERA VVCE. All rights reserved.</p>
    </footer>
</body>
</html>