begin-again/tajora.html at main · PIGLASAPAT/begin-again · 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
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Begin Again | Let's Begin With TJ</title>
    <meta name="theme-color" content="rgb(255,255,255)">
    <meta name="description" content="The times have changed, we’ve changed. There is now a call for us to renew, to start fresh and begin reimagining our course as we traverse a new era for the Ateneo.
">
    <meta property="og:type" content="website">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:description" content="The times have changed, we’ve changed. There is now a call for us to renew, to start
fresh and begin reimagining our course as we traverse a new era for the
Ateneo.">
    <meta name="twitter:title" content="Begin Again | Let's Begin With TJ">
    <meta property="og:image" content="assets/img/Banner/Banner-Tajora3.png">
    <meta name="twitter:image" content="assets/img/Banner/Banner-Tajora3.png">
    <link rel="icon" type="image/png" sizes="1482x1420" href="assets/img/beginagain_logo.png">
    <link rel="icon" type="image/png" sizes="1482x1420" href="assets/img/beginagain_logo.png">
    <link rel="icon" type="image/png" sizes="1482x1420" href="assets/img/beginagain_logo.png">
    <link rel="icon" type="image/png" sizes="1482x1420" href="assets/img/beginagain_logo.png">
    <link rel="icon" type="image/png" sizes="1482x1420" href="assets/img/beginagain_logo.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=Lato:300,400,700">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
    <link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/css/candidate-grid.css">
    <link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
    <link rel="stylesheet" href="assets/css/header.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">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/css/swiper.min.css">
    <link rel="stylesheet" href="assets/css/icons.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <link rel="stylesheet" href="assets/css/navbar.css">
    <link rel="stylesheet" href="assets/css/navbar2.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DQ27QSKGED"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

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

<body style="background: #e9b988;">
    <nav class="navbar navbar-light navbar-expand-lg portfolio-navbar gradient" data-aos="fade" data-aos-duration="200" style="background: rgb(233,185,136);border-radius: 25px;margin: 21px;">
        <div class="container">
            <div class="row" style="margin-left: 2px;">
                <div class="col"><a href="https://web.facebook.com/beginagain.vote"><i class="fab fa-facebook" data-bs-hover-animate="pulse" style="color: rgb(255,255,255);"></i></a></div>
                <div class="col"><a href="https://twitter.com/beginagain_vote"><i class="fab fa-twitter" data-bs-hover-animate="pulse" style="color: rgb(255,255,255);"></i></a></div>
                <div class="col"><a href="https://www.instagram.com/beginagain_vote"><i class="fab fa-instagram" data-bs-hover-animate="pulse" style="color: rgb(255,255,255);"></i></a></div>
            </div><button data-toggle="collapse" class="navbar-toggler text-primary" data-target="#navbarNav-1" style="border-color: rgba(0,0,0,0);"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon" style="filter: brightness(0%) contrast(200%) invert(100%) saturate(0%);"></span></button>
            <div class="collapse navbar-collapse" data-toggle="tooltip" data-bs-tooltip="" id="navbarNav-1" style="color: var(--blue);">
                <ul class="nav navbar-nav ml-auto">
                    <li class="nav-item text-center d-flex justify-content-start" style="text-align: right;"><a class="nav-link active d-flex justify-content-start" data-bs-hover-animate="pulse" href="index.html" style="color: rgb(255,255,255);text-align: left;font-size: 16px;">Home</a></li>
                    <li class="nav-item d-flex justify-content-start" style="color: rgb(0,0,0);text-align: center;font-size: -3px;"><a class="nav-link d-flex justify-content-center" data-bs-hover-animate="pulse" href="about-us.html" style="color: rgb(255,255,255);text-align: left;font-size: 16px;">About Us</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div><img src="assets/img/Banner/Banner-Tajora3.png" style="width: 100%;"></div>
    <div class="article-clean" style="border-top-left-radius: 25px;border-top-right-radius: 25px;background: #ffffff;">
        <div class="container">
            <div class="row" id="main">
                <div class="col-lg-10 col-xl-8 offset-lg-1 offset-xl-2">
                    <div class="text" style="margin-top: 43px;margin-bottom: 30px;">
                        <div class="btn-toolbar d-flex justify-content-center" data-aos="fade-up" style="margin: auto;width: 100%;margin-bottom: 0px;">
                            <div class="btn-group" role="group"><button class="btn" type="button" style="margin-right: 40px;margin-left: 40px;background: rgb(221,170,117);color: rgb(255,255,255);margin-top: 10px;margin-bottom: auto;"><a href="#spoa" style="color: rgb(255,255,255);">PLATFORMS</a></button></div>
                            <div class="btn-group" role="group"><button class="btn" type="button" style="margin-right: 40px;margin-left: 40px;background: rgb(221,170,117);color: rgb(255,255,255);margin-top: 10px;margin-bottom: auto;"><a href="#track-record" style="color: rgb(255,255,255);">TRACK RECORD</a></button></div>
                            <div class="btn-group" role="group"><button class="btn" type="button" style="margin-left: 40px;margin-right: 40px;background: rgb(221,170,117);color: rgb(255,255,255);margin-top: 10px;margin-bottom: 20px;"><a href="#campaign-video" style="color: rgb(255,255,255);">VIDEO</a></button></div>
                        </div>
                        <h3 class="text-center" data-aos="fade-up" id="spoa" style="text-align: left;margin-bottom: 30px;font-family: Lato, sans-serif;padding-top: 40px;">SPECIFIC PLANS OF ACTION</h3>
                        <p class="text-justify" data-aos="fade-up">This year, <strong>Susulong tayo, WOLVES! </strong>We will continue in <strong>W</strong>eaving <strong>O</strong>ur&nbsp;<strong>L</strong>egacy through <strong>V</strong>isible and <strong>E</strong>mpowered <strong>S</strong>tudent Service Under <strong>Sulong, WOLVES! </strong>are our three key platforms - <strong>Howl Up,&nbsp;Pack Pride, The HUMLET Website</strong><br></p>
                        <p class="text-justify" data-aos="fade-up">HUMLET, it is possible to <strong>Howl Up!</strong><br><br>This will be an avenue for students to be heard. Initiatives for all class concerns and project suggestions will be more prioritized. With the ongoing situation, a stronger information dissemination mechanism should also be implemented to ensure that all individual classes are functioning and aware of the situation inside the cluster, university and the society.<br><br><strong>Howl Up:&nbsp;HUMLET Advocacy Week </strong>- Going forward, there will be a justifiable focus on public health that may overshadow the importance of languages and communication. Howl Up is an avenue for students to contribute in spreading public health information effectively to promote awareness and extend participation in student-led activities inside the cluster.<br></p>
                        <p class="text-justify" data-aos="fade-up">HUMLET, it is possible because we have our <strong>Pack Pride:</strong><br><br>In the next era of leadership, we aim to acknowledge every wolf inside our cluster by recognizing the efforts they create through responsive and inclusive initiative for the pack. In the wilderness, we will <strong>value every wolf.</strong><br><br><strong>Our Pack&nbsp;Merch</strong> - Support the pack through a year-long fundraising drive for talents and athletics support. This is to provide the needed financial resources for the various council projects and efforts and to secure financial aid/funding for HUMLET Athletes and Performers.<br><br><strong>PACK Fest</strong> - In partnership with AdDU-to-cart and Support Local Davao, a digital space for students to promote their artistry will be created. Through PACK Fest, different products and services will also be promoted in a 2-day virtual exhibit exclusive for small businesses and freelance artists inside the cluster.<br></p>
                        <p class="text-justify" data-aos="fade-up">Finally, HUMLET, it is possible with<strong> The HUMLET Website</strong><br><br>Students in the cluster will have an organized system where they can see different HUMLET highlights and can easily access various updates, transparency reports, information about the cluster and a page for graduating and graduate students where they can have access to get their needed documents. In this HUMLET website we have:<br><br><strong>WOLF&nbsp;GALLERY</strong> - Students can have a chance to submit their works. Different literary or artworks of the students will be showcased. Timberwolves and Wolfpack will also have a page on the website where they can promote their artistry.<br><br><strong>HUMLET&nbsp;BUTTON </strong>&nbsp;- This feature can be accessed in HUMLET Website. This is a downloadable guidebook and checklist document for the graduating students to help them in keeping track of their graduation requirements.<br><br><strong>WOLF&nbsp;CONNECT </strong>- Stronger collaboration with AdDU Career Center and Alumni Hub to bring opportunities for our graduating students. Aside from the guidebook, a booklet will be provided to access a link of possible job opportunities they could get after their graduation.<br><br>Wolves, let us pave the way for us to <strong>weave our legacy.</strong> Let us pave the way for <strong>Sulong, WOLVES!&nbsp;</strong>which aims to unify every wolf in the HUMLET Community. <strong>Susulong tayo, WOLVES!</strong><br></p>
                        <h3 class="text-center" data-aos="fade-up" id="track-record" style="margin-bottom: 40px;font-family: Lato, sans-serif;padding-top: 40px;">TRACK RECORD</h3><img data-aos="fade-up" src="assets/img/Track%20Record/Track%20Record-Tajora.png" style="width: 100%;margin-bottom: 40px;box-shadow: 0px 0px 20px rgba(0,0,0,0.5);border-radius: 25px;">
                        <h3 class="text-center" data-aos="fade-up" id="campaign-video" style="margin-bottom: 40px;font-family: Lato, sans-serif;padding-top: 40px;">CAMPAIGN VIDEO</h3><iframe class="d-xl-flex" allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/A3yv63P_E2U" data-aos="fade-up" style="width: 100%;height: 645px;border-radius: 25px;box-shadow: 0px 0px 20px rgba(0,0,0,0.5);"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="team-grid">
        <div class="container">
            <div class="intro"></div>
        </div>
    </div>
    <section class="d-flex justify-content-center portfolio-block website gradient" style="background: #ffffff;height: 216px;padding-bottom: 0px;padding-top: 0px;">
        <div class="container" style="margin-right: 0px;margin-left: 0px;box-shadow: 0px 0px 20px rgba(0,0,0,0.5);padding: 0px;border-top-left-radius: 25px;border-top-right-radius: 25px;margin-bottom: 0px;height: 100%;"><video class="d-xl-flex align-items-center align-content-center align-self-center align-items-sm-center align-items-md-center align-items-lg-center justify-content-xl-center align-items-xl-center" width="100%" height="auto" loop="" autoplay="" style="width: 100%;height: 200px;max-height: 100%;" muted="">
                <source src="https://firebasestorage.googleapis.com/v0/b/begin-again-ab5f4.appspot.com/o/LOGO%20LOOP%201x1_Trim.mp4?alt=media&amp;token=2d2cc410-dad9-4afd-9e9b-087df325f5b8" type="video/mp4">
            </video></div>
    </section>
    <script src="assets/js/jquery.min.js"></script>
    <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>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.3.1/js/swiper.jquery.min.js"></script>
    <script src="assets/js/slider.js"></script>
</body>

</html>