-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
100 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,100 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <title>Bootstrap Example</title> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> | ||
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> | ||
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> | ||
| <style> | ||
| /* Make the image fully responsive */ | ||
| .carousel-inner img { | ||
| width: 50%; | ||
| height: 100%; | ||
| display:block; | ||
| margin: 0 auto; | ||
| object-fit: contain; | ||
| } | ||
| .carousel-control-prev{ | ||
| position: absolute; | ||
| /* top: 50%; */ | ||
| /* margin-top: -2.5em; */ | ||
| left:20%; | ||
| } | ||
| .carousel-control-next{ | ||
| position: absolute; | ||
| /* top: 50%; */ | ||
| /* margin-top: -2.5em; */ | ||
| right:20%; | ||
| } | ||
| .center { | ||
| margin: auto; | ||
| width: 60%; | ||
| padding: 10px; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="center"> | ||
| <p> | ||
| 2020 is coming to an end, and we are all taking a moment to appreciate on the past twelve months. HOT-Philippines Mapping Team members are hard at work to provide the best quality of data in our field operations and our mapping and training activities. To help you look back, we prepared a year-end report that summarizes our accomplishment for the year. | ||
| </p> | ||
| <p> | ||
| HOT-Philippines started the PhilAWARE Project last July 2019 which is a local installation of DisasterAWARE, a disaster risk reduction and integrated early warning and decision support system that also incorporates many data layers form OpenStreetMap. | ||
| </p> | ||
|
|
||
| </div> | ||
| <div id="demo" class="carousel slide" data-ride="carousel"> | ||
|
|
||
| <!-- Indicators --> | ||
| <ul class="carousel-indicators"> | ||
| <li data-target="#demo" data-slide-to="0" class="active"></li> | ||
| <li data-target="#demo" data-slide-to="1"></li> | ||
| <li data-target="#demo" data-slide-to="2"></li> | ||
| <li data-target="#demo" data-slide-to="3"></li> | ||
| <li data-target="#demo" data-slide-to="4"></li> | ||
| <li data-target="#demo" data-slide-to="5"></li> | ||
| </ul> | ||
|
|
||
| <!-- The slideshow --> | ||
| <div class="carousel-inner"> | ||
| <div class="carousel-item active"> | ||
| <img src="https://raw.githubusercontent.com/feyeandal/photos/master/yearend_1.png" alt="img1" width="1100" height="500"> | ||
| </div> | ||
| <div class="carousel-item"> | ||
| <img src="https://raw.githubusercontent.com/feyeandal/photos/master/yearend_2.png" alt="img2" width="1100" height="500"> | ||
| </div> | ||
| <div class="carousel-item"> | ||
| <img src="https://raw.githubusercontent.com/feyeandal/photos/master/yearend_3.png" alt="img3" width="1100" height="500"> | ||
| </div> | ||
| <div class="carousel-item"> | ||
| <img src="https://raw.githubusercontent.com/feyeandal/photos/master/yearend_4.png" alt="img3" width="1100" height="500"> | ||
| </div> | ||
| <div class="carousel-item"> | ||
| <img src="https://raw.githubusercontent.com/feyeandal/photos/master/yearend_5.png" alt="img4" width="1100" height="500"> | ||
| </div> | ||
| <div class="carousel-item"> | ||
| <img src="HOPH Mapping Team.gif" alt="img5" width="1100" height="500"> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- Left and right controls --> | ||
| <a class="carousel-control-prev" href="#demo" data-slide="prev"> | ||
| <span class="carousel-control-prev-icon"></span> | ||
| </a> | ||
| <a class="carousel-control-next" href="#demo" data-slide="next"> | ||
| <span class="carousel-control-next-icon"></span> | ||
| </a> | ||
| </div> | ||
| <div class="center"> | ||
| <p> | ||
| Part of the activities of the project included remote mapping in the province of Pampanga and Quezon City. Remote mapping and validation activities for both areas have been completed with the help of volunteers, organizations, partners, and other stakeholders. | ||
| </p> | ||
| <p> | ||
| Aside from the remote activities, we also began collecting the data from the ground in Pampanga. Our field operations was made possible through the support of the local government offices and volunteers in Pampanga despite the restrictions of COVID-19. | ||
| </p> | ||
| </div> | ||
| </body> | ||
| </html> |