History-Lessons/about.html at main · adarshexe22-rt/History-Lessons · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About - History Lessons</title>
    <link rel="stylesheet" href="styles.css">
    <style>
        .about-header {
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://source.unsplash.com/random/1600x900/?library') no-repeat center center/cover;
            height: 50vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: white;
        }

        .about-content {
            max-width: 1000px;
            margin: 0 auto;
            padding: 3rem 2rem;
        }

        .about-section {
            margin-bottom: 3rem;
        }

        .about-section h3 {
            color: #3a506b;
            margin-bottom: 1rem;
            font-size: 1.8rem;
        }

        .about-section p {
            margin-bottom: 1rem;
        }

        .team-members {
            display: flex;
            flex-wrap: wrap;
            gap: 2rem;
            margin-top: 2rem;
        }

        .team-member {
            flex: 1 1 250px;
            text-align: center;
        }

        .team-member img {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 1rem;
        }

        .team-member h4 {
            color: #3a506b;
            margin-bottom: 0.5rem;
        }
    </style>
</head>
<body>
    <header>
        <div class="logo">
            <h1>History Lessons</h1>
        </div>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="ancient.html">Ancient History</a></li>
                <li><a href="medieval.html">Medieval History</a></li>
                <li><a href="modern.html">Modern History</a></li>
                <li><a href="about.html" class="active">About</a></li>
            </ul>
        </nav>
    </header>

    <div class="about-header">
        <div>
            <h2>About Us</h2>
            <p>Learn more about our mission and team</p>
        </div>
    </div>

    <div class="about-content">
        <div class="about-section">
            <h3>Our Mission</h3>
            <p>At History Lessons, our mission is to make history accessible, engaging, and relevant to everyone. We believe that understanding our past is crucial for navigating our present and shaping our future.</p>
            <p>We strive to present historical information in a clear, accurate, and engaging manner, highlighting the connections between different time periods and cultures. Our goal is to foster a deeper appreciation for the rich tapestry of human history and to inspire curiosity about the events, people, and ideas that have shaped our world.</p>
        </div>

        <div class="about-section">
            <h3>Our Approach</h3>
            <p>We take a comprehensive and balanced approach to teaching history. Rather than focusing solely on dates and facts, we emphasize the broader themes, patterns, and connections that give meaning to historical events.</p>
            <p>Our content is carefully researched and presented in an engaging, accessible format. We strive to include diverse perspectives and to highlight the contributions of people from all walks of life throughout history.</p>
            <p>We believe that history is not just about the past—it's about understanding how we got to where we are today and gaining insights that can help us build a better future.</p>
        </div>

        <div class="about-section">
            <h3>Our Team</h3>
            <p>Our team consists of passionate historians, educators, and history enthusiasts who are dedicated to sharing their knowledge and love of history with others.</p>

            <div class="team-members">
                <div class="team-member">
                    <img src="https://source.unsplash.com/random/300x300/?professor" alt="Dr. Emily Johnson">
                    <h4>Dr. Emily Johnson</h4>
                    <p>Ancient History Specialist</p>
                </div>
                <div class="team-member">
                    <img src="https://source.unsplash.com/random/300x300/?historian" alt="Prof. Michael Chen">
                    <h4>Prof. Michael Chen</h4>
                    <p>Medieval History Expert</p>
                </div>
                <div class="team-member">
                    <img src="https://source.unsplash.com/random/300x300/?teacher" alt="Dr. Sarah Patel">
                    <h4>Dr. Sarah Patel</h4>
                    <p>Modern History Scholar</p>
                </div>
            </div>
        </div>

        <div class="about-section">
            <h3>Contact Us</h3>
            <p>We'd love to hear from you! If you have any questions, suggestions, or feedback, please don't hesitate to get in touch.</p>
            <p>Email: info@historylessons.example</p>
            <p>Phone: (123) 456-7890</p>
            <p>Address: 123 Learning Lane, Knowledge City, HC 12345</p>
        </div>
    </div>

    <footer>
        <div class="footer-content">
            <div class="footer-section">
                <h3>History Lessons</h3>
                <p>Exploring the past to understand our present and future.</p>
            </div>
            <div class="footer-section">
                <h3>Quick Links</h3>
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="ancient.html">Ancient History</a></li>
                    <li><a href="medieval.html">Medieval History</a></li>
                    <li><a href="modern.html">Modern History</a></li>
                    <li><a href="about.html">About</a></li>
                </ul>
            </div>
            <div class="footer-section">
                <h3>Contact</h3>
                <p>Email: info@historylessons.example</p>
                <p>Phone: (123) 456-7890</p>
            </div>
        </div>
        <div class="footer-bottom">
            <p>&copy; 2023 History Lessons. All rights reserved.</p>
        </div>
    </footer>
</body>
</html>