mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-04 11:55:50 +00:00
529 lines
28 KiB
Django/Jinja
529 lines
28 KiB
Django/Jinja
{% extends "base.html.jinja" %}
|
|
{% block head %}
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
|
|
{% endblock %}
|
|
|
|
{% block bodyclasses %}no-sidebar{% endblock %}
|
|
{% block mainclasses %}landing page-ambassadors{% endblock %}
|
|
|
|
{% block breadcrumbs %}{% endblock %}
|
|
|
|
{% block main %}
|
|
|
|
<div class="position-relative d-none-sm">
|
|
<img alt="background purple waves" src="./img/backgrounds/ambassador-purple.svg" class="position-absolute" style="top: 0; right:0">
|
|
</div>
|
|
|
|
<section class="container-new py-26 text-lg-center">
|
|
<div class="p-0 col-lg-8 mx-lg-auto">
|
|
<div class="d-flex flex-column-reverse">
|
|
<h1 class="mb-0">{% trans %}Become an XRP Ledger Campus Ambassador{% endtrans %}</h1>
|
|
<h6 class="eyebrow mb-3">{% trans %}Join the Student Cohort{% endtrans %}</h6>
|
|
</div>
|
|
<p class="mt-3 py-3 col-lg-8 mx-lg-auto p-0">{% trans %}The XRPL Campus Ambassador program engages, supports, connects, and recognizes a group of student champions of the XRPL and empowers them to further advance engagement on the ledger.{% endtrans %}</p>
|
|
<button data-tf-popup="rTioxhMY" data-tf-iframe-props="title=XRPL Campus Ambassador" data-tf-medium="snippet"
|
|
class="btn btn-primary btn-arrow-out"
|
|
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply for Fall 2023</button>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- Current Students -->
|
|
<section class="container-new py-26">
|
|
|
|
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
|
|
|
|
<div class="order-lg-2 mx-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 pr-lg-5">
|
|
<div class="d-flex flex-column-reverse p-lg-3">
|
|
<h3 class="h4 h2-sm">{% trans %}XRPL Campus Ambassadors{% endtrans %}</h3>
|
|
<h6 class="eyebrow mb-3">{% trans %}Current Students{% endtrans %}</h6>
|
|
</div>
|
|
<p class="p-lg-3 mb-2 longform">{% trans %}The XRPL Campus Ambassador program aims to elevate the impact of college students who are passionate about blockchain technology. In their role, Campus Ambassadors help educate other students about crypto and how to start building on the XRPL.{% endtrans %}</p>
|
|
<div class="d-none d-lg-block p-lg-3">
|
|
<button data-tf-popup="rTioxhMY" data-tf-iframe-props="title=XRPL Campus Ambassador" data-tf-medium="snippet"
|
|
class="btn btn-primary btn-arrow-out"
|
|
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply for Fall 2023</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="order-lg-1 col-lg-6 px-0 mr-lg-4">
|
|
<div class="row m-0">
|
|
<img alt="Person speaking and person taking photo" src="./assets/img/ambassadors/developer-hero@2x.png" class="w-100">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="d-lg-none order-3 mt-4 pt-3 p-lg-3">
|
|
<button data-tf-popup="rTioxhMY" data-tf-iframe-props="title=XRPL Campus Ambassador" data-tf-medium="snippet"
|
|
class="btn btn-primary btn-arrow-out"
|
|
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply for Fall 2023</button>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Benefits -->
|
|
<section class="container-new py-26">
|
|
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
|
|
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
|
|
|
|
<div class="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
|
|
<div class="d-flex flex-column-reverse p-lg-3">
|
|
<h3 class="h4 h2-sm">{% trans %}Why become an XRPL Campus Ambassador?{% endtrans %}</h3>
|
|
<h6 class="eyebrow mb-3">{% trans %}Benefits{% endtrans %}</h6>
|
|
</div>
|
|
<p class="p-lg-3 mb-2 longform">{% trans %}Join a global cohort of students empowering others to build on the XRPL.{% endtrans %}</p>
|
|
</div>
|
|
|
|
<div class="order-2 col-lg-6 px-0 mr-lg-5">
|
|
|
|
<div class="row align-items-center m-0" id="benefits-list">
|
|
<!-- benefitslist -->
|
|
|
|
<div class="col-12 col-lg-6 p-0 pr-lg-4">
|
|
|
|
<div class="px-lg-3 pb-3">
|
|
<img alt="Smiley face" id="benefits-01" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Exclusive Opportunities{% endtrans %}</h6>
|
|
<p>{% trans %} Get access and invitations to Ambassador-only events, conferences, and opportunities{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
<!-- Hide on large -->
|
|
<div class="px-lg-3 pb-3 d-lg-none ">
|
|
<img alt="Book" id="benefits-02" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Education{% endtrans %}</h6>
|
|
<p >{% trans %}Tutorials and workshops from leading XRPL and blockchain developers{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-lg-3 pb-3">
|
|
<img alt="Gift" id="benefits-03" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Swag{% endtrans %}</h6>
|
|
<p >{% trans %}New XRPL swag for Ambassadors and swag to share with other students{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hide on large -->
|
|
<div class="px-lg-3 pb-3 d-lg-none">
|
|
<img alt="Medallion" id="benefits-04" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Mentorship{% endtrans %}</h6>
|
|
<p>{% trans %}Serve as an advocate and receive support from notable members of the community{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-lg-3 pb-3">
|
|
<img alt="Up Arrow" id="benefits-05" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3 pb-lg-0">
|
|
<h6 class="mb-3">{% trans %}Career Acceleration{% endtrans %}</h6>
|
|
<p class="pb-lg-0">{% trans %}Gain hands-on experience building communities and grow your professional network in the blockchain industry{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hide on large -->
|
|
<div class="px-lg-3 pb-3 d-lg-none">
|
|
<img alt="Dollar Sign" id="benefits-06" class="pl-lg-3">
|
|
<div class="pb-lg-0">
|
|
<h6 class="mb-3">{% trans %}Stipend{% endtrans %}</h6>
|
|
<p class="pb-lg-0">{% trans %}Receive a stipend to fund your ideas and initiatives that fuel XRPL growth on your campus{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end col 1 -->
|
|
|
|
<!-- Show on large -->
|
|
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
|
|
|
|
<div class="px-lg-3 pb-3 pt-5 mt-5">
|
|
<img alt="Book" id="benefits-02" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Education{% endtrans %}</h6>
|
|
<p >{% trans %}Tutorials and workshops from leading XRPL and blockchain developers{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-lg-3 pb-3 ">
|
|
<img alt="Medallion" id="benefits-04" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Mentorship{% endtrans %}</h6>
|
|
<p >{% trans %}Serve as an advocate and receive support from notable members of the community{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-lg-3 pb-3">
|
|
<img alt="Dollar Sign" id="benefits-06" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3 pb-lg-0">
|
|
<h6 class="mb-3">{% trans %}Stipend{% endtrans %}</h6>
|
|
<p class="pb-lg-0">{% trans %}Receive a stipend to fund your ideas and initiatives that fuel XRPL growth on your campus{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end col 2 -->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Eligibility -->
|
|
<section class="container-new py-26">
|
|
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
|
|
<div class="d-flex flex-column flex-lg-row align-items-lg-center mr-lg-4">
|
|
|
|
<div class="order-1 order-lg-2 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0 mr-lg-5">
|
|
<div class="d-flex flex-column-reverse p-lg-3">
|
|
<h3 class="h4 h2-sm">{% trans %}Should You Apply?{% endtrans %}</h3>
|
|
<h6 class="eyebrow mb-3">{% trans %}Eligibility for XRPL Campus Ambassadors{% endtrans %}</h6>
|
|
</div>
|
|
<p class="p-lg-3 mb-2 longform">{% trans %}Students currently enrolled in an undergraduate or postgraduate program at an accredited college or university are eligible to apply.{% endtrans %}</p>
|
|
</div>
|
|
|
|
<div class="order-2 order-lg-1 col-lg-6 px-0">
|
|
|
|
<div class="row align-items-center m-0" id="eligibility-list">
|
|
|
|
<div class="col-12 col-lg-6 p-0 pr-lg-4">
|
|
|
|
<div class="px-lg-3 pb-3">
|
|
<img alt="Calendar" id="eligibility-01" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}A Leader{% endtrans %}</h6>
|
|
<p >{% trans %}Interested in leading meetups and workshops for your local campus community{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hide on large -->
|
|
<div class="px-lg-3 pb-3 d-lg-none ">
|
|
<img alt="Book" id="eligibility-02" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Active{% endtrans %}</h6>
|
|
<p >{% trans %}An active participant in the XRPL community or interested in blockchain and crypto technologies{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-lg-3 pb-3">
|
|
<img alt="CPU" id="eligibility-03" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Curious{% endtrans %}</h6>
|
|
<p >{% trans %}Eager to learn more about technical blockchain topics and the XRPL{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hide on large -->
|
|
<div class="px-lg-3 pb-3 d-lg-none">
|
|
<img alt="Quote Bubble" id="eligibility-04" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3 pb-lg-0">
|
|
<h6 class="mb-3">{% trans %}Passionate{% endtrans %}</h6>
|
|
<p >{% trans %}Passionate about increasing XRPL education and awareness through events, content, and classroom engagement{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="p-lg-3 pb-3">
|
|
<img alt="People" id="eligibility-05" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3 pb-lg-0">
|
|
<h6 class="mb-3">{% trans %}Creative{% endtrans %}</h6>
|
|
<p class="pb-lg-0 mb-0">{% trans %}Ability to think outside the box to grow the XRPL student community{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end col 1 -->
|
|
|
|
<!-- Show on large -->
|
|
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block">
|
|
|
|
<div class="px-lg-3 pb-3 ">
|
|
<img alt="Book" id="eligibility-02" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Active{% endtrans %}</h6>
|
|
<p>{% trans %}An active participant in the XRPL community or interested in blockchain and crypto technologies{% endtrans %} </p>
|
|
</div>
|
|
</div>
|
|
<div class="px-lg-3 pb-3 ">
|
|
<img alt="Quote Bubble" id="eligibility-04" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3 pb-lg-0">
|
|
<h6 class="mb-3">{% trans %}Passionate{% endtrans %}</h6>
|
|
<p > {% trans %}Passionate about increasing XRPL education and awareness through events, content, and classroom engagement{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end col 2 -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Current Students -->
|
|
<section class="container-new py-26">
|
|
|
|
<!-- Quotes -->
|
|
<div id="carouselSlidesOnly" class="carousel slide col-lg-10 mx-auto px-0" data-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<div class="p-0">
|
|
<div class="mb-4 p-lg-3">
|
|
<img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src="./assets/img/ambassadors/quote1-small.svg" class="h-100 d-lg-none mb-4">
|
|
<img alt="I have learned so much through creating programs and connecting with the XRPL community. Im truly grateful for everyone's support along the way and for the opportunity to gain so much knowledge from this expierence" src="./assets/img/ambassadors/quote1.svg" class="h-100 d-none d-lg-block">
|
|
<div class="p-0 col-lg-7 mx-lg-auto">
|
|
<p class="p-lg-3 mb-2"><strong>Derrick N.</strong><br >
|
|
Toronto Metropolitan University<br >
|
|
Spring 2023 XRPL Campus Ambassador</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item mb-20">
|
|
<div class="p-0">
|
|
<div class="mb-4 p-lg-3">
|
|
<img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src="./assets/img/ambassadors/quote2-small.svg" class="h-150 d-lg-none mb-4">
|
|
<img alt="The XRPL Campus Ambassador program really helped broaden my view of the blockchain industry with their learning resource and virtual community. Being an ambassador allowed me to meet industry professionals and likeminded peers which have given me invaluable experiences and insights." src="./assets/img/ambassadors/quote2.svg" class="h-100 d-none d-lg-block">
|
|
<div class="p-0 col-lg-7 mx-lg-auto">
|
|
<p class="p-lg-3 mb-2"><strong>Sally Z.</strong><br >
|
|
Toronto Metropolitan University<br >
|
|
Spring 2023 XRPL Campus Ambassador</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="carousel-item mb-40">
|
|
<div class="p-0">
|
|
<div class="mb-4 p-lg-3">
|
|
<img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src="./assets/img/ambassadors/quote3-small.svg" class="h-150 d-lg-none mb-4">
|
|
<img alt="Ive had the pleasure over the course of this program to speak with amazing individuals, I encourage you all to reach out to other people in this program and make as many connections as you can. You will quickly find out that by speaking with other people in this cohort you can learn just about anything if you ask the right people." src="./assets/img/ambassadors/quote3.svg" class="h-100 d-none d-lg-block">
|
|
<div class="p-0 col-lg-7 mx-lg-auto">
|
|
<p class="p-lg-3 mb-2"><strong>Nick D.</strong><br >
|
|
Miami University<br >
|
|
Spring 2023 XRPL Campus Ambassador</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
<!-- How it Works -->
|
|
<section class="container-new py-26">
|
|
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
|
|
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
|
|
|
|
<div class="order-1 mr-lg-4 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
|
|
<div class="d-flex flex-column-reverse p-lg-3">
|
|
<h3 class="h4 h2-sm">{% trans %}Process to become a Campus Ambassador{% endtrans %}</h3>
|
|
<h6 class="eyebrow mb-3">{% trans %}How it Works{% endtrans %}</h6>
|
|
</div>
|
|
|
|
<p class="p-lg-3 mb-2 longform">{% trans %}Apply now to become an XRPL Campus Ambassador.{% endtrans %}</p>
|
|
|
|
<div class="d-none d-lg-block p-lg-3">
|
|
<button data-tf-popup="rTioxhMY" data-tf-iframe-props="title=XRPL Campus Ambassador" data-tf-medium="snippet"
|
|
class="btn btn-primary btn-arrow-out"
|
|
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply for Fall 2023</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="order-2 col-lg-6 px-0 ml-lg-2">
|
|
|
|
<div class="row m-0">
|
|
|
|
<div class="col-12 col-lg-6 p-0 pr-lg-4">
|
|
|
|
<div class="px-lg-3 pb-3">
|
|
<img alt="01." src="./assets/img/ambassadors/01.svg" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Apply{% endtrans %}</h6>
|
|
<p>{% trans %}Submit an application to be considered for the Campus Ambassador program.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hide on large -->
|
|
<div class="px-lg-3 pb-3 d-lg-none ">
|
|
<img alt="02." src="./assets/img/ambassadors/02.svg" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Interview{% endtrans %}</h6>
|
|
<p >{% trans %}Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-lg-3 pb-3">
|
|
<img alt="03." src="./assets/img/ambassadors/03.svg" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Join{% endtrans %}</h6>
|
|
<p >{% trans %}Congrats on your new role! Join the global cohort of Ambassadors and meet with community participants during onboarding.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hide on large -->
|
|
<div class="p-lg-3 pb-3 d-lg-none">
|
|
<img alt="04." src="./assets/img/ambassadors/04.svg" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Learn{% endtrans %}</h6>
|
|
<p> {% trans %}Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end col 1 -->
|
|
|
|
<!-- Show on large -->
|
|
<div class="col-12 col-lg-6 p-0 pl-lg-4 d-none d-lg-block mt-5">
|
|
|
|
<div class="px-lg-3 pb-3 mt-5">
|
|
<img alt="02." src="./assets/img/ambassadors/02.svg" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3">
|
|
<h6 class="mb-3">{% trans %}Interview{% endtrans %}</h6>
|
|
<p >{% trans %}Tell the XRPL community-led panel more about yourself and your interest in the program during an interview.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
<div class="p-lg-3 pb-3 ">
|
|
<img alt="04." src="./assets/img/ambassadors/04.svg" class="pl-lg-3">
|
|
<div class="p-lg-3 pt-3 pb-lg-0">
|
|
<h6 class="mb-3">{% trans %}Learn{% endtrans %}</h6>
|
|
<p class="pb-lg-0">{% trans %}Participate in personalized learning and training sessions for Ambassadors on the XRPL and blockchain technology.{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- end col 2 -->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="d-lg-none order-3 mt-4 pt-3">
|
|
<button data-tf-popup="rTioxhMY" data-tf-iframe-props="title=XRPL Campus Ambassador" data-tf-medium="snippet"
|
|
class="btn btn-primary btn-arrow-out"
|
|
data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">{% trans %}Apply for Fall 2023{% endtrans %}</button>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Image Block -->
|
|
<div >
|
|
<img alt="Ripple Conferences and two people Sitting" src="./assets/img/ambassadors/students-large.png" class="w-100">
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Global Community Carousel -->
|
|
<section class="container-new pt-26">
|
|
<div class="p-0 col-lg-5">
|
|
<div class="d-flex flex-column-reverse p-lg-3">
|
|
<h3 class="h4 h2-sm">{% trans %}Join a global cohort of Student Ambassadors{% endtrans %}</h3>
|
|
<h6 class="eyebrow mb-3">{% trans %}Global Community{% endtrans %}</h6>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div id="container-scroll">
|
|
<div class="photobanner">
|
|
<img src="./assets/img/ambassadors/locations-row-1.png" alt="Ambassador locations" height="48px" class="px-5">
|
|
<img src="./assets/img/ambassadors/locations-row-1.png" alt="Ambassador locations" height="48px" class="px-5">
|
|
<img src="./assets/img/ambassadors/locations-row-1.png" alt="Ambassador locations" height="48px" class="px-5">
|
|
</div>
|
|
<div class="photobanner photobanner-bottom">
|
|
<img src="./assets/img/ambassadors/locations-row-2.png" alt="Ambassador locations" height="48px" class="px-5">
|
|
<img src="./assets/img/ambassadors/locations-row-2.png" alt="Ambassador locations" height="48px" class="px-5">
|
|
<img src="./assets/img/ambassadors/locations-row-2.png" alt="Ambassador locations" height="48px" class="px-5">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Connect -->
|
|
<section class="container-new py-26">
|
|
<!-- flex. Col for mobile. Row for large. on large align content to the center -->
|
|
<div class="d-flex flex-column flex-lg-row align-items-lg-center">
|
|
|
|
<div class="order-1 mb-4 pb-3 mb-lg-0 pb-lg-0 col-lg-6 px-0">
|
|
<div class="d-flex flex-column-reverse p-lg-3">
|
|
<h3 class="h4 h2-sm">{% trans %}Stay connected to the XRPL Campus Ambassadors{% endtrans %}</h3>
|
|
<h6 class="eyebrow mb-3">{% trans %}Connect{% endtrans %}</h6>
|
|
</div>
|
|
|
|
<p class="p-lg-3 mb-2 longform">{% trans %}To stay up-to-date on the latest activity, meetups, and events of the XRPL Campus Ambassadors be sure to follow these channels:{% endtrans %}</p>
|
|
|
|
<div class="d-none d-lg-block p-lg-3">
|
|
<button data-tf-popup="rTioxhMY" data-tf-iframe-props="title=XRPL Campus Ambassador" data-tf-medium="snippet" class="btn btn-primary btn-arrow-out" data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply for Fall 2023</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="order-2 col-lg-6 px-0 ml-lg-5">
|
|
<div class="row align-items-center m-0">
|
|
|
|
<div class="col-12 col-lg-6 p-0 pr-lg-4">
|
|
|
|
<div class="p-lg-3 mb-3 pb-3">
|
|
<img alt="meetup" src="./assets/img/ambassadors/icon_meetup.svg" class="mb-3">
|
|
<div >
|
|
<h6 class="mb-3"><a class="btn-arrow" href="https://www.meetup.com/pro/xrpl-community/">{% trans %}MeetUp{% endtrans %}</a></h6>
|
|
<p >{% trans %}Attend an XRPL Meetup in your local area{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
<div class="p-lg-3 mb-3 pb-3">
|
|
<img alt="devto" src="./assets/img/ambassadors/icon_devto.svg" class="mb-3">
|
|
<div >
|
|
<h6 class="mb-3"><a class="btn-arrow" href="https://dev.to/t/xrpl">{% trans %}Dev.to Blog{% endtrans %}</a></h6>
|
|
<p >{% trans %}Read more about the activity of the XRPL Ambassadors{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-12 col-lg-6 p-0 pl-lg-4">
|
|
|
|
<div class="p-lg-3 mb-3 pb-3 ">
|
|
<img alt="discord" src="./assets/img/ambassadors/icon_discord.svg" class="mb-3">
|
|
<div >
|
|
<h6 class="mb-3"><a class="btn-arrow" href="https://xrpldevs.org">{% trans %}Discord{% endtrans %}</a></h6>
|
|
<p >{% trans %}Join the conversation on the XRPL Developer Discord{% endtrans %}</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="d-lg-none order-3 mt-4 pt-3">
|
|
<button data-tf-popup="rTioxhMY" data-tf-iframe-props="title=XRPL Campus Ambassador" data-tf-medium="snippet" class="btn btn-primary btn-arrow-out" data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx">Apply for Fall 2023</button>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<script src="//embed.typeform.com/next/embed.js"></script>
|
|
|
|
{% endblock %}
|
|
|
|
|
|
{% block analytics %}
|
|
<script type="application/javascript">
|
|
window.dataLayer = window.dataLayer || [];
|
|
window.dataLayer.push({
|
|
"event": "page_info",
|
|
"page_type": "Splash Page",
|
|
"page_group": "Ambassadors"
|
|
})
|
|
</script>
|
|
{% endblock analytics %}
|