sc/about.html at main · sidrachaudhari/sc · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Favicon -->
    <link rel="icon" href="https://www.pvgcoenashik.org/wp-content/uploads/2022/12/blk.png" type="image/png">
    <title>About Us - Skill Up Club</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f9;
            color: #333;
        }
        header {
            background: #0078d7;
            color: #fff;
            padding: 1rem 0;
            text-align: center;
            position: relative;
        }
        main {
            padding: 1rem;
        }
    </style>
</head>
<body>
    <header>
        <h1>About Us</h1>
        <button onclick="window.location.href='sc.html'" style="position: absolute; left: 1rem; top: 1rem; background: #fff; color: #0078d7; border: 2px solid #0078d7; border-radius: 6px; padding: 0.4rem 1rem; font-weight: bold; cursor: pointer; transition: background 0.2s;">
            &#8592; Back to Home
        </button>
    </header>
    <main>
        <div style="margin-bottom: 2rem; display: flex; justify-content: center;">
            <div style="background: linear-gradient(90deg, #0078d7 0%, #43cea2 100%); color: #fff; border-radius: 14px; box-shadow: 0 4px 18px #0078d733; padding: 1.5rem 2.2rem; max-width: 700px; font-size: 1.25rem; font-family: 'Segoe UI', Arial, sans-serif; font-weight: 600; letter-spacing: 0.5px; text-align: center; border-left: 8px solid #ffd200;">
                <span style="font-size: 1.35rem; color: #ffd200; font-weight: bold; text-shadow: 1px 1px 8px #222;">Skill Up Club</span>
                <span style="display:block; margin-top:0.5rem;">
                    is dedicated to <span style="color:#ffe082; font-weight:bold;">enhancing the technical and professional skills</span> of students under the <span style="color:#ffd200; font-weight:bold;">Computer Department</span> of <span style="color:#fffbe7; font-weight:bold;">Pune Vidhyarthi Grih</span>.
                </span>
            </div>
        </div>
        <div style="display: flex; gap: 1.5rem; margin-bottom: 1.5rem; flex-wrap: wrap;">
            <div style="flex:1 1 250px; background: linear-gradient(90deg, #f7971e 0%, #ffd200 100%); border-radius: 12px; padding: 1.5rem; box-shadow: 0 2px 12px rgba(255,215,0,0.08); min-width: 220px;">
                <p style="font-size:1.1rem; color: #333; margin: 0;">
                    <strong>A platform for the students</strong> to learn new technologies, explore innovative ideas, build projects and discuss programming concepts. With this club, we aim to create a <span style="color:#ee0979; font-weight:bold;">community</span> consisting of students who are into coding and are willing to dig deep into what else programming has to offer.
                </p>
            </div>
            <div style="flex:1 1 250px; background: linear-gradient(90deg, #43cea2 0%, #185a9d 100%); border-radius: 12px; padding: 1.5rem; box-shadow: 0 2px 12px rgba(24,90,157,0.08); min-width: 220px;">
                <p style="font-size:1.1rem; color: #fff; margin: 0;">
                    In this rapidly growing world, everyone has to catch up with today’s exponential technology, so while competing, the youth have to be skilled. To make a stronghold in the market skills apart from academic knowledge a student should spread his roots in other essential skills like <span style="font-weight:bold; color:#ffd200;">speaking, presenting, decision making, and teamwork</span> which also plays an important role.
                </p>
            </div>
            <div style="flex:1 1 250px; background: linear-gradient(90deg, #fc466b 0%, #3f5efb 100%); border-radius: 12px; padding: 1.5rem; box-shadow: 0 2px 12px rgba(63,94,251,0.08); min-width: 220px;">
                <p style="font-size:1.1rem; color: #fff; margin: 0;">
                    The prominent motive of this club is to provide accurate, adequate knowledge to the students, where they can have hands-on experience with recent technologies under the guidance of expert mentors. We aim for genuine support for the students to enhance their abilities and welcome new tech opportunities.
                </p>
            </div>
        </div>
        <section style="margin-bottom: 1.5rem;">
            <h2 style="color:#ee0979; text-shadow: 2px 2px 8px #ffd200, 0 1px 0 #fff; font-family: 'Segoe UI', Arial, sans-serif; letter-spacing: 2px; font-size: 2rem; font-weight: 900; margin-bottom: 0.7rem;">
                <span style="border-bottom: 3px solid #ffd200; padding-bottom: 0.2rem;">Vision</span>
            </h2>
            <ul style="background: #fffbe7; border-left: 5px solid #ffd200; border-radius: 8px; padding: 1.2rem 1.5rem; color: #333; font-size:1.15rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; box-shadow: 0 2px 8px #ffd20033;">
                <li style="margin-bottom: 0.7rem; line-height: 1.7;">
                    <span style="font-weight: bold; color: #ee0979;">&#9733;</span>
                    <span style="font-style: italic;">To establish coding culture on campus, reaching every student passionate about coding.</span>
                </li>
            </ul>
            <h2 style="color:#3f5efb; text-shadow: 2px 2px 8px #43cea2, 0 1px 0 #fff; font-family: 'Segoe UI', Arial, sans-serif; letter-spacing: 2px; font-size: 2rem; font-weight: 900; margin-bottom: 0.7rem;">
                <span style="border-bottom: 3px solid #43cea2; padding-bottom: 0.2rem;">Mission</span>
            </h2>
            <ul style="background: #e7faff; border-left: 5px solid #43cea2; border-radius: 8px; padding: 1.2rem 1.5rem; color: #185a9d; font-size:1.15rem; font-family: 'Segoe UI', Arial, sans-serif; box-shadow: 0 2px 8px #43cea233;">
                <li style="margin-bottom: 0.7rem; line-height: 1.7;">
                    <span style="font-weight: bold; color: #3f5efb;">&#10003;</span>
                    <span style="font-style: italic;">To promote the students for advanced studies for betterment towards the compositive world.</span>
                </li>
                <li style="margin-bottom: 0.7rem; line-height: 1.7;">
                    <span style="font-weight: bold; color: #3f5efb;">&#10003;</span>
                    <span style="font-style: italic;">To put emphasis on technical excellence with affordable education.</span>
                </li>
                <li style="margin-bottom: 0.7rem; line-height: 1.7;">
                    <span style="font-weight: bold; color: #3f5efb;">&#10003;</span>
                    <span style="font-style: italic;">To encourage the engineers for entrepreneurship.</span>
                </li>
            </ul>
        </section>
    </main>
</body>
</html>