fylp/mentorapplications.html at main · PIGLASAPAT/fylp · 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
<!DOCTYPE html>
<html lang="en" style="border-color: #363636;">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>FYLP | Apply as a Mentor</title>
    <meta name="facebook-domain-verification" content="wnrkybo42n6tmhjrf8lbw4sesukien">
    <meta property="og:type" content="website">
    <meta name="twitter:description" content="The Filipino Youth Leadership Program (FYLP) is a month-long leadership development experience designed to offer a unique opportunity to be trained, formed, and inspired by the nation’s key storytellers, esteemed lecturers, and young-driven mentors, anchored from a place of great love for the country. In its pursuit for a deep-rooted and transformative leadership encounter, FYLP selects thirty sterling student leaders from across Mindanao.">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="description" content="The Filipino Youth Leadership Program (FYLP) is a month-long leadership development experience designed to offer a unique opportunity to be trained, formed, and inspired by the nation’s key storytellers, esteemed lecturers, and young-driven mentors, anchored from a place of great love for the country. In its pursuit for a deep-rooted and transformative leadership encounter, FYLP selects thirty sterling student leaders from across Mindanao.">
    <meta name="twitter:title" content="The Filipino Youth Leadership Program">
    <meta property="og:image" content="https://www.fylp.org/assets/img/og_mentorapp.png">
    <meta name="twitter:image" content="https://www.fylp.org/assets/img/og_mentorapp.png">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/pp.png">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/pp.png">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/pp.png">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/pp.png">
    <link rel="icon" type="image/png" sizes="600x600" href="assets/img/pp.png">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="manifest" href="manifest.json">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noticia+Text">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans">
    <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
    <link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
    <link rel="stylesheet" href="assets/css/functions.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Y6XL860X5S"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-Y6XL860X5S');
</script>
</head>

<body style="background: #363636;">
    <nav class="navbar navbar-light navbar-expand-lg fixed-top portfolio-navbar gradient" style="background: rgb(255,255,255);border-radius: 25px;margin: 21px;box-shadow: 0px 0px 6px 0px #7d7d7d;border-style: none;">
        <div class="container">
            <div class="row" style="margin-left: 2px;">
                <div class="col"><a href="https://web.facebook.com/phfylp"><i class="fab fa-facebook" data-bs-toggle="tooltip" data-bss-tooltip="" data-bss-hover-animate="pulse" style="color: #ffffff;filter: contrast(0%) invert(100%);" title="Facebook"></i></a></div>
                <div class="col"><a href="https://twitter.com/phfylp"><i class="fab fa-twitter" data-bss-hover-animate="pulse" style="color: #ffffff;filter: contrast(0%) invert(100%);"></i></a></div>
                <div class="col"><a href="https://www.instagram.com/phfylp"><i class="fab fa-instagram" data-bss-hover-animate="pulse" style="color: #ffffff;filter: contrast(0%) invert(100%);"></i></a></div>
            </div>
            <ul class="navbar-nav ms-auto">
                <li class="nav-item text-center d-flex justify-content-start" style="text-align: right;color: #ffffff;"><a class="nav-link active d-flex justify-content-start" data-bss-hover-animate="pulse" href="home.html" style="color: rgba(54,54,54,0.64);text-align: left;font-size: 16px;font-family: 'Noto Sans', sans-serif;font-weight: bold;">&nbsp; <i class="fa fa-angle-left" style="padding-top: 4px;"></i>&nbsp; Home&nbsp;&nbsp;</a></li>
            </ul>
        </div>
    </nav><!-- Messenger Chat Plugin Code -->
    <div id="fb-root"></div>

    <!-- Your Chat Plugin code -->
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>

    <script>
      var chatbox = document.getElementById('fb-customer-chat');
      chatbox.setAttribute("page_id", "100772912183341");
      chatbox.setAttribute("attribution", "biz_inbox");

      window.fbAsyncInit = function() {
        FB.init({
          xfbml            : true,
          version          : 'v11.0'
        });
      };

      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <section class="contact-clean" style="margin-top: 98px;background: linear-gradient(#363636, #0072c8 29%, #f42c1d 64%, #ffcc19), rgba(255,255,255,0);border-color: #363636;">
        <form style="background: #ffffff;border-radius: 25px;" data-bss-subject="Appication | Mentor" data-netlify="true" data-bss-recipient="4944904d8abbeec29e5244e5469833e4">
            <h2 class="text-center">Mentor Application Form</h2>
            <p style="font-family: 'Noto Sans', sans-serif;text-align: center;">The Filipino Youth Leadership Program is now accepting applications from student leaders from across Mindanao who wants to help train, form, and inspire young Filipino students to become a productive force for national transformations. <br><br>Deadline of application will be on <strong>July 26, 2021.</strong><br><br></p>
            <div class="mb-3"><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">Name</label><input class="form-control" type="text" name="Name" required="" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;" placeholder="Surname, Given Name, M.I."><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">Age</label><input class="form-control" type="text" name="Age" required="" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;" minlength="2" maxlength="2" inputmode="numeric"><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">Birthdate</label><input class="form-control" type="date" style="margin-bottom: 16px;font-family: 'Noto Sans', sans-serif;border-radius: 10px;height: 42px;" name="Birthdate" required="" title="Birthdate"><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">Full Address</label><input class="form-control" type="text" name="Full Address" required="" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;"><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">Email Address</label><input class="form-control" type="text" name="Email Address" required="" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;" inputmode="email" autocomplete="on"><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">Contact Number</label><input class="form-control" type="text" name="Contact Number" required="" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;" inputmode="numeric" autocomplete="on" minlength="11" maxlength="11"><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">School Attended</label><input class="form-control" type="text" name="School Attended" required="" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;" inputmode="email" autocomplete="on"><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">Course</label><input class="form-control" type="text" name="Course" required="" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;"></div><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">Leadership Experience and Affiliations</label><textarea class="form-control" name="Leadership Experience and Affiliations" rows="14" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;" placeholder="Maximum of (3) entries for leadership positions, (3) entries for impactful projects, and (3) entries for awards and distinctions."></textarea><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">Why do you want to be a mentor for the first Filipino Youth Leadership Program (FYLP)?</label><textarea class="form-control" name="Why do you want to be a mentor for the first Filipino Youth Leadership Program (FYLP)?" rows="14" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;" required="" minlength="30"></textarea><label class="form-label" style="font-family: 'Noto Sans', sans-serif;margin-right: 0px;margin-left: 15px;">What is 'nation-building' for you?<br></label><textarea class="form-control" name="What is 'nation-building' for you?" rows="14" style="font-family: 'Noto Sans', sans-serif;border-radius: 10px;margin-bottom: 16px;" required="" minlength="30"></textarea>
            <p style="font-family: 'Noto Sans', sans-serif;text-align: center;"><br>We recognize our responsibilities under the Data Privacy Act of 2012, with respect to the data we collect, record, organize, update, use, or consolidate from the applicants. The personal data obtained from this form is entered and stored within the organization’s authorized information and communications database and will only be accessed by the event’s official technical working group.<br><br></p>
            <div class="mb-3"><button class="btn btn-success" type="submit" style="background: #363636;">SUBMIT</button></div>
        </form>
    </section>
    <section id="footer" style="height: 50%;">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 text-center mx-auto"><img src="assets/img/logo_white.svg" style="width: 100%;max-width: 138px;margin-bottom: 25px;margin-top: 25px;"></div>
            </div>
            <div class="row d-flex align-items-center justify-content-xxl-center">
                <div class="col">
                    <p class="text-center" style="font-family: 'Noto Sans', sans-serif;color: rgb(255,255,255);">FYLP © 2021. All Rights Reserved.</p>
                </div>
            </div>
        </div>
    </section>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/js/smart-forms.min.js"></script>
    <script src="assets/js/bs-init.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
</body>

</html>