CollegeProject/about.html at main · ShubhamNagda/CollegeProject · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us</title>
    <link rel="stylesheet" href="style.css"> <!-- Link to an external stylesheet -->
    <link rel="stylesheet" href="utils.css">
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f9;
            color: #333;
        }

        .container {
            padding: 20px;
            max-width: 800px;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        }

        h1 {
            text-align: center;
            margin-bottom: 20px;
        }

        p {
            line-height: 1.6;
            margin-bottom: 20px;
        }

        .team {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            margin-top: 20px;
        }

        .team-member {
            text-align: center;
        }

        .team-member img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin-bottom: 10px;
        }

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

        .team-member p {
            margin: 0;
            font-size: 0.9em;
            color: #666;
        }
    </style>
</head>

<body>

    <section id="header">
        <header>
            <nav>
                <ul class="flex navigation">
                    <li><a href="index.html" class="color1 dec-none">Home</a></li>
                    <li><a href="about.html" class="color1 dec-none" id="about">About</a></li>
                    <li><a href="contact.html" class="color1 dec-none">Contact</a></li>
                    <li><a href="courses.html" class="color1 dec-none">Courses</a></li>
                    <li><a href="login.html" class="button dec-none">Login</a></li>
                </ul>
            </nav>
        </header>
    </section>

    <div class="container">
        <h1>Welcome to Our Online Learning Platform</h1>
        <p>Our mission is to provide high-quality, accessible, and affordable online education to learners around the
            globe. We believe that learning should be a lifelong journey, and we are committed to helping our students
            achieve their personal and professional goals.</p>

        <p>Whether you want to enhance your skills, start a new career, or simply learn something new, we have a wide
            range of courses to suit your needs. Our platform is designed to provide an engaging and interactive
            learning experience, with expert instructors and comprehensive materials.</p>

        <h2>Meet Our Team</h2>
        <div class="team">
            <div class="team-member">
                <img src="team1.jpg" alt="Team Member 1">
                <h3>John Doe</h3>
                <p>Founder & CEO</p>
            </div>
            <div class="team-member">
                <img src="team2.jpg" alt="Team Member 2">
                <h3>Jane Smith</h3>
                <p>Head of Education</p>
            </div>
            <div class="team-member">
                <img src="team3.jpg" alt="Team Member 3">
                <h3>Michael Brown</h3>
                <p>Lead Developer</p>
            </div>
            <div class="team-member">
                <img src="team4.jpg" alt="Team Member 4">
                <h3>Sarah Johnson</h3>
                <p>Marketing Specialist</p>
            </div>
        </div>
    </div>
    <footer>
        <div class="left">
            <ul>
                <li style="font-size: xx-large;">Quick Link</li>
                <li>About Us</li>
                <li>Contact Us</li>
                <li>Privacy Policy </li>
                <li>Terms & Condition</li>
                <li>FAQs & Help</li>
        </div>
        <div class="center">
            <ul>
                <li style="font-size: xx-large;">Contact</li>
                <li>123 Street, Neemuch, Madhya Pradesh</li>

                <li> +91 8683045908</li>

                <li>lEarn_IT@gmail.com</li>
            </ul>
        </div>
    </footer>
</body>

</html>