fylp/about.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
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
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>FYLP | About Us</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_aboutus.png">
    <meta name="twitter:image" content="https://www.fylp.org/assets/img/og_aboutus.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>
    <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>
    <section class="d-flex align-items-center bg-primary" id="about" style="height: 100%;padding-top: 0;padding-bottom: 0;">
        <div class="container">
            <div class="row">
                <div class="col offset-lg-8 text-center mx-auto" style="font-family: 'Noticia Text', serif;">
                    <h2 class="text-white pulse animated section-heading" style="font-family: 'Noto Sans', sans-serif;font-size: 83px;"><strong>bahagi ng bayan.</strong></h2>
                    <hr class="pulse animated light my-4">
                    <p class="pulse animated text-faded mb-4" style="border-color: rgba(255, 255, 255, 0.7);border-top-color: rgba(255,;border-right-color: 255,;border-bottom-color: 255,;border-left-color: 0.7);font-family: 'Open Sans', sans-serif;">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.<br></p><a class="btn btn-light pulse animated btn-xl" role="button" href="#mission" style="font-family: 'Open Sans', sans-serif;color: rgb(240,95,64);margin-right: 10px;margin-left: 10px;">mission</a><a class="btn btn-light pulse animated btn-xl" role="button" href="#vision" style="font-family: 'Open Sans', sans-serif;color: rgb(240,95,64);margin-left: 10px;margin-right: 10px;">vision</a>
                </div>
            </div>
        </div>
    </section>
    <section id="mission" style="width: 100%;padding-bottom: 0px;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 data-aos="zoom-in" data-aos-duration="400" class="section-heading" style="font-family: 'Noto Sans', sans-serif;font-size: 83px;color: #363636;"><strong>mission</strong></h2>
                    <hr data-aos="zoom-in" data-aos-duration="400" class="my-4">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row d-flex justify-content-center">
                <div class="col">
                    <p class="text-center text-muted mb-0" data-aos="zoom-in" data-aos-duration="400" style="font-family: 'Open Sans', sans-serif;width: 100%;text-align: justify;">FYLP engages in leadership development as it offers an extensive program that trains, forms, and inspires young Filipino student leaders to become a productive force for national transformations.<br><br>Selecting thirty (30) delegates for each leg, FYLP puts a premium on promoting its five pillars- nation-building, co-creation, discerning and compassionate leadership, storytelling, and open communications.<br></p>
                </div>
            </div>
        </div>
    </section>
    <section id="vision" style="width: 100%;padding-bottom: 0px;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 data-aos="zoom-in" data-aos-duration="400" class="section-heading" style="font-family: 'Noto Sans', sans-serif;font-size: 83px;color: #363636;"><strong>vision</strong></h2>
                    <hr data-aos="zoom-in" data-aos-duration="400" class="my-4">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row d-flex justify-content-center">
                <div class="col">
                    <p class="text-center text-muted mb-0" data-aos="zoom-in" data-aos-duration="400" style="font-family: 'Open Sans', sans-serif;width: 100%;text-align: justify;">FYLP envisions building a community of young Filipino student leaders, dreamers, and doers interested and passionate about nation-building. We aspire of leaders committed to service that impacts local communities, leading to national transformation, driven by patriotism, generosity, and solidarity.<br></p>
                </div>
            </div>
        </div>
    </section>
    <section id="pillars" style="width: 100%;">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 data-aos="zoom-in" data-aos-duration="400" class="section-heading" style="font-family: 'Noto Sans', sans-serif;font-size: 83px;color: #363636;"><strong>the five pillars</strong></h2>
                    <hr data-aos="zoom-in" data-aos-duration="400" class="my-4">
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row d-flex justify-content-center">
                <div class="col-1 offset-xxl-0 d-flex justify-content-start" style="width: 100%;max-width: 100%;">
                    <div class="service-box mt-5" style="width: 100%;max-width: 100%;">
                        <h3 class="text-center mb-3" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Noto Sans', sans-serif;color: #0072c8;font-size: 40px;text-align: left;"><strong>nation-building</strong></h3>
                        <p class="text-center text-muted mb-0" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Open Sans', sans-serif;width: 100%;text-align: justify;">Central to the purpose of FYLP is to revive and strengthen patriotism in the minds and hearts of young Filipino leaders. This pillar fosters the awareness of one's critical role to lead efforts and empower communities to change substandard systems and create spaces for inclusive progress.<br></p>
                    </div>
                </div>
                <div class="col-1 text-center" style="width: 100%;max-width: 100%;">
                    <div class="service-box mt-5" style="width: 100%;max-width: 100%;">
                        <h3 class="text-center mb-3" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Noto Sans', sans-serif;color: #f42c1d;font-size: 40px;"><strong>co-creation</strong></h3>
                        <p class="text-center text-muted mb-0" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Open Sans', sans-serif;text-align: justify;">Collaborations and partnerships are key components to boosting the impacts of initiatives. The Co-creation pillar of FYLP stresses the value of devising mechanisms to maximize human resources and linkages. This involves establishing connections with government agencies and non-government organizations.<br></p>
                    </div>
                </div>
                <div class="col-1 text-center" style="width: 100%;max-width: 100%;">
                    <div class="service-box mt-5" style="width: 100%;max-width: 100%;">
                        <h3 class="text-center mb-3" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Noto Sans', sans-serif;color: #ffcc19;font-size: 40px;"><strong>discerning and compassionate leadership</strong><br></h3>
                        <p class="text-center text-muted mb-0" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Open Sans', sans-serif;text-align: justify;">At the heart of effective governance is thecrucial stage of discernment, a profound process in search of answers for the common good.This pillar focuses on instilling the value of careful reflection in the formation of soundjudgment, even in the face of proliferating falsehoods and varying opinions.<br></p>
                    </div>
                </div>
                <div class="col-1 text-center" style="width: 100%;max-width: 100%;">
                    <div class="service-box mt-5" style="width: 100%;max-width: 100%;">
                        <h3 class="text-center mb-3" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Noto Sans', sans-serif;color: #00a61b;font-size: 40px;"><strong>storytelling</strong><br></h3>
                        <p class="text-center text-muted mb-0" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Open Sans', sans-serif;text-align: justify;">Narratives are potent origins of game-changing ideas, stirring emotions andunmatched motivation. Because of this, FYLP brings storytellers of hope, vigor, andinspiration into the program to shape young visions through stories of moving humanencounters.<br></p>
                    </div>
                </div>
                <div class="col-1 text-center" style="width: 100%;max-width: 100%;">
                    <div class="service-box mt-5" style="width: 100%;max-width: 100%;">
                        <h3 class="text-center mb-3" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Noto Sans', sans-serif;color: #bd00ff;font-size: 40px;"><strong>open communications</strong><br></h3>
                        <p class="text-center text-muted mb-0" data-aos="fade-right" data-aos-duration="400" style="font-family: 'Open Sans', sans-serif;text-align: justify;">Constructive exchanges of ideas through dialogues are essentialelements of leadership that, if carried out appropriately, leads to thorough understandingand peaceful discussions. This pillar emphasizes the significance of both listening andspeaking in building connections towards greater impacts and the need to expand discourseto diverse audiences.<br></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="text-white bg-dark" id="apply" style="height: 50%;min-height: 50%;background: url(&quot;assets/img/mindanao_muted.png&quot;) right / cover no-repeat, #363636;transform: perspective(0px);box-shadow: 0px 0px 20px 0px #363636;">
        <div class="container text-center">
            <h2 data-aos="zoom-in" data-aos-duration="400" class="mb-4">Apply Now!</h2><a class="btn btn-light btn-xl sr-button" role="button" data-aos="zoom-in" data-aos-duration="400" href="fellowapplications.html" style="margin-right: 35px;margin-left: 35px;margin-top: 10px;margin-bottom: 10px;font-family: 'Noto Sans', sans-serif;color: #363636;">be a fellow</a><a class="btn btn-light btn-xl sr-button" role="button" data-aos="zoom-in" data-aos-duration="400" href="mentorapplications.html" style="margin-right: 35px;margin-left: 35px;margin-bottom: 10px;margin-top: 10px;font-family: 'Noto Sans', sans-serif;color: #363636;">be a mentor</a>
        </div>
    </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/fylp_logo_bw.png" 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;">FYLP © 2021. All Rights Reserved.</p>
                </div>
            </div>
        </div>
    </section>
    <script src="assets/bootstrap/js/bootstrap.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>