langay/INDEX.HTML.HTML at main · 00564hjgyn/langay · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Langay Warraich Brothers</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
            color: #333;
        }
        header {
            background-color: #4CAF50;
            color: white;
            text-align: center;
            padding: 20px;
        }
        nav {
            text-align: center;
            margin-top: 10px;
            background-color: #333;
            color: white;
            padding: 10px;
        }
        nav a {
            color: white;
            margin: 0 20px;
            text-decoration: none;
            font-size: 18px;
        }
        nav a:hover {
            text-decoration: underline;
        }
        .container {
            width: 80%;
            margin: auto;
        }
        .about, .pictures, .mission {
            padding: 20px;
            background-color: white;
            margin-bottom: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .about h2, .mission h2 {
            color: #4CAF50;
        }
        .about p, .mission p {
            font-size: 16px;
            line-height: 1.6;
        }
        .pictures img {
            width: 100%;
            max-width: 300px;
            margin: 10px;
            border-radius: 8px;
        }
        .pictures {
            text-align: center;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 10px;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
    </style>
</head>
<body>
    <header>
        <h1>Langay Warraich Brothers</h1>
        <p>Free Unprofitable Organization</p>
    </header>

    <nav>
        <a href="#about">About Us</a>
        <a href="#mission">Our Mission</a>
        <a href="#pictures">Gallery</a>
    </nav>

    <div class="container">
        <section id="about" class="about">
            <h2>About Us</h2>
            <p>Langay Warraich Brothers is a non-profit organization dedicated to supporting the community. We focus on providing assistance in various sectors, offering free resources and help to those in need. Our goal is to uplift underprivileged individuals and families without expecting any financial gain or profit. Together, we make a difference, one step at a time.</p>
        </section>

        <section id="mission" class="mission">
            <h2>Our Mission</h2>
            <p>Our mission is to serve those in need with love, care, and compassion. We aim to provide free services, food, education, and health assistance, fostering a sense of togetherness in the community. By focusing on sustainable solutions and building long-term relationships, Langay Warraich Brothers strives to create a better world for everyone.</p>
        </section>

        <section id="pictures" class="pictures">
            <h2>Gallery</h2>
            <p>Here are some photos from our various events and activities:</p>
            <div>
                <img src="image1.jpg" alt="Image 1">
                <img src="image2.jpg" alt="Image 2">
                <img src="image3.jpg" alt="Image 3">
            </div>
        </section>
    </div>

    <footer>
        <p>&copy; 2025 Langay Warraich Brothers. All rights reserved.</p>
    </footer>
</body>
</html>