Techwave-Tution_point/aboutus.html at main · Ajay9704/Techwave-Tution_point · 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us - TeachWave</title>
    <style>
        /* Global Styles */
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
            background: linear-gradient(135deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%); /* Green gradient background */
            color: #333;
        }

        header {
            background-color: rgba(34, 193, 195, 0.8); /* Slight transparency */
            color: white;
            padding: 50px 20px;
            text-align: center;
            background-image: url('images/header-bg.jpg'); /* Placeholder background image */
            background-size: cover;
            background-position: center;
        }

        header h1 {
            font-size: 2.5em;
            margin: 0;
        }

        .container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 30px 20px;
            background-color: white;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
            margin-top: -50px;
            position: relative;
        }

        h2 {
            color: #22c1c3; /* Green accent */
            border-bottom: 2px solid #22c1c3;
            display: inline-block;
            padding-bottom: 5px;
        }

        p {
            line-height: 1.8;
            color: #555;
            margin-bottom: 20px;
        }

        img {
            width: 80%; /* Resize the images to make them larger */
            max-width: 600px; /* Set a max width for images */
            border-radius: 10px;
            margin-top: 15px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .team, .vision, .services {
            margin-top: 50px;
        }

        .team-member {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
        }

        .team-member img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            margin-right: 20px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
        }

        .team-member h3 {
            margin: 0;
            color: #333;
        }

        .team-member p {
            margin: 5px 0 0;
        }

        footer {
            text-align: center;
            padding: 20px;
            background-color: rgba(34, 193, 195, 0.8); /* Same green tone */
            color: white;
            margin-top: 50px;
        }

        footer p {
            margin: 0;
            font-size: 1em;
        }

        .contact {
            background-color: #f0f0f0;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
        }

        .contact h2 {
            color: #333;
        }

        .contact p {
            font-size: 1.1em;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>

<header>
    <h1>About Us - TeachWave</h1>
</header>

<div class="container">
    <section>
        <h2>Welcome to TeachWave</h2>
        <p>At TeachWave, we are dedicated to providing high-quality education to everyone, regardless of their background or financial status. Our mission is to make learning accessible, effective, and free for all. We believe that education should be a universal right, not a privilege.</p>
    </section>

    <section class="services">
        <h2>What We Do</h2>
        <p>We offer a wide range of online courses, tutorials, and resources to help individuals gain knowledge and skills in various fields. Our goal is to bridge the gap between traditional education and the needs of the modern world. Our key offerings include:</p>
        <ul>
            <li><strong>Free Online Courses:</strong> Learn at your own pace, with no cost involved.</li>
            <li><strong>Interactive Tutorials:</strong> Engage with real-world projects and challenges.</li>
            <li><strong>Community Support:</strong> Join a community of learners and educators for collaborative learning.</li>
        </ul>
    </section>

    <section class="vision">
        <h2>MEET OUR TEAM!!</h2>
        <p>We envision a future where everyone has access to the tools they need to succeed. By removing financial barriers, we can empower individuals to realize their full potential. Our commitment to providing free education drives every project and initiative we undertake.</p>
        <img src="manaimg.jpg" wi alt="Vision">
    </section>

    <section class="team">
        <h2>Meet Our Team</h2>
        <div class="team-member">
        </div>
        <div class="team-member">
            <div>
                <h3>Team TeachWave!!</h3>
                <p>Our team brings a wealth of experience in teaching and curriculum development. Her focus is on ensuring that our educational content is clear, engaging, and relevant.</p>
            </div>
        </div>
    </section>

    <section class="contact">
        <h2>Contact Us</h2>
        <p>Email: contact@teachwave.com</p>
        <p>Phone: +1 234 567 890</p>
        <img src="images/contact_us.jpg" alt="Contact Us"> <!-- Placeholder for contact image -->
    </section>
</div>

<footer>
    <p>&copy; 2024 TeachWave. All rights reserved.</p>
</footer>

</body>
</html>