WebBuild/programs.html at main · vaa2000/WebBuild · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Programs and events</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="./pgms&events/home1.css">
    <link rel="stylesheet" href="./pgms&events/style1.css">
</head>
<body>
    <nav class=navbar>
        <img src="https://img1.wsimg.com/isteam/ip/fc26a6c2-05cd-4184-a177-5d090ac505c9/HTF_LOGO-removebg-preview.png/:/rs=h:400/qt=q:95" class="logo" alt="">
        <a href="about.html" class="nav-items">About</a>


    </nav>
     <h1>Programs And Events</h1>
     <br>
     <h2 style="color:red;">Successful Events!!</h2>
     <br>
     <div class="card-deck">
        <div class="card">
          <img class="card-img-top" src="https://scontent.fbom2-1.fna.fbcdn.net/v/t1.0-9/116427032_2669358676685291_1711299234866502134_o.jpg?_nc_cat=109&ccb=2&_nc_sid=110474&_nc_ohc=gYP96NGLGSIAX9ysQQK&_nc_ht=scontent.fbom2-1.fna&oh=87dfd241609f9ffec5ede174756f5eed&oe=5FDB7F2A" alt="Card image cap">
          <div class="card-body">
            <h5 class="card-title">We care about you, *ASSAM*</h5>
            <p class="card-text">Please come together and support the 6,80,931 flood-driven families who have lost their homes.

                Collection has been started and the funds raised through this would be donated to separate/private NGOs of Assam so it could actually reach out to the needy people</p>
            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
          </div>
        </div>
        <div class="card">
          <img class="card-img-top" src="https://scontent.fbom2-1.fna.fbcdn.net/v/t1.0-9/107037086_2650023375285488_4854330003166104943_n.jpg?_nc_cat=108&ccb=2&_nc_sid=110474&_nc_ohc=-R6yHSEvjcwAX8TGfun&_nc_ht=scontent.fbom2-1.fna&oh=010181f361d2a39c72941efcee0c5acd&oe=5FD9A8F3" alt="Card image cap">
          <div class="card-body">
            <h5 class="card-title">Feeding People</h5>
            <p class="card-text">Small efforts put in by Human Team Foundation to help unprivileged during pandemic.
                Lightly and gradually, we all will come out of this and fight this together.
                We pledge to help as many as possible by feeding or by giving ration within our limits.

                Thankyou so much everyone and others for reaching out to us, joining us in this time and help unconditionally.
                </p>
            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
          </div>
        </div>
        <div class="card">
          <img class="card-img-top" src="https://scontent.fbom2-1.fna.fbcdn.net/v/t1.0-9/64788504_2334650113489484_7393336645837127680_o.jpg?_nc_cat=106&ccb=2&_nc_sid=9e2e56&_nc_ohc=EP2KnDyjPf4AX9yP4XX&_nc_ht=scontent.fbom2-1.fna&oh=de1cb9e2c8df4dda12d2d189ee034e43&oe=5FDAE0A0" alt="Card image cap">
          <div class="card-body">
            <h5 class="card-title">Human Team Foundation is at Shram Yash Charitable Trust.</h5>
            <p class="card-text">We make a living by what we get,<br>
                But we make a life by what we give.”</p>
            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
          </div>
        </div>
      </div>
      <br>
      <h2 style="color:red;">Upcoming Events</h2>
      <br>
      <div class="card-deck">
        <div class="card">
          <img class="card-img-top" src="https://img1.wsimg.com/isteam/ip/fc26a6c2-05cd-4184-a177-5d090ac505c9/WhatsApp%20Image%202020-05-24%20at%2010.17.39%20AM.jpeg/:/rs=w:540,h:360,cg:true,m/cr=w:540,h:360" alt="Card image cap">
          <div class="card-body">
            <h5 class="card-title">Dry Ration(Covid-19 Ration)</h5>
            <p class="card-text">We are trying to supply necessities in the interior area and provide Ration to the needy people.</p>
            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
          </div>
        </div>
        <div class="card">
          <img class="card-img-top" src="https://img1.wsimg.com/isteam/stock/rA7VYR9/:/cr=t:0%25,l:0%25,w:100%25,h:100%25/rs=w:540,h:360,cg:true" alt="Card image cap">
          <div class="card-body">
            <h5 class="card-title">Card title</h5>
            <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
          </div>
        </div>

      </div>
</body>
</html>