Thu, 27 Jan 2022 22:53:33 GMT
no-referrer-when-downgrade
Strict-Transport-Security:
max-age=31536000; includeSubDomains
b59504a626423a6d33a249257d9b925a
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8RJHTK8H80"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-8RJHTK8H80');
</script>
<script>
(function () {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'https://app.termly.io/embed.min.js';
s.id = '1f64496d-b898-4bab-bdd4-08da2d200538';
s.setAttribute("data-name", "termly-embed-banner");
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
})();
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bebo</title>
<link href="https://fonts.gstatic.com" rel="preconnect">
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Acme&family=Ramabhadra&family=Akaya+Telivigala&family=Dancing+Script:wght@700&family=Merienda+One&family=Stick&display=swap"
rel="stylesheet">
<script src="https://ucarecdn.com/libs/widget/3.x/uploadcare.full.min.js"></script>
<script src="https://ucarecdn.com/libs/widget-tab-effects/1.x/uploadcare.tab-effects.js"></script>
<meta property="og:title" content="Bebo" />
<meta property="og:image" content="https://storage.googleapis.com/bebocom/static/img/b.png" />
<meta name="apple-itunes-app" content="app-id=1572560748" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.12/css/intlTelInput.css" />
<link rel="shortcut icon" href="https://storage.googleapis.com/bebocom/static/img/favicon-32x32.png" />
<link rel="apple-touch-icon" href="https://storage.googleapis.com/bebocom/static/img/apple-touch-icon.ico" />
<script src="//media.twiliocdn.com/sdk/js/video/releases/2.8.0/twilio-video.min.js"></script>
<link rel="stylesheet" href="https://storage.googleapis.com/bebocom/static/css/mdb.dark.min.css?v=371">
<script src="https://kit.fontawesome.com/125b7c60b7.js" crossorigin="anonymous"></script>
<!--
<link rel="stylesheet" href="https://storage.googleapis.com/bebocom/static/css/mdb.min.css" media="(prefers-color-scheme: light)">
-->
<link rel="stylesheet" href="https://storage.googleapis.com/bebocom/static/css/bebo.css?v=20220114t151010">
<link rel="stylesheet" href="https://storage.googleapis.com/bebocom/static/css/bebo-dark.css?v=20220114t151010">
</head>
<body style="background-color: #000">
<div class="container-fluid px-0 vh-100 mh-100" style="overflow-x: hidden; overflow-y: scroll;">
<div class="bg-image" style="height: 100vh; background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url('https://storage.googleapis.com/bebocom/static/img/chair.jpg');">
<div class="row mt-3">
<div class="col-4"><a href="/home"><img src="https://storage.googleapis.com/bebocom/static/img/bebo-white.png" height="25" class="ms-4" alt=""></a></div>
<div class="col-8 text-right mt-2" style="font-family: 'Basis Grotesque'; font-size: 12px;letter-spacing: 2px;">
<a href="/help" class="me-2 me-md-4 text-white">HELP</a>
<a href="/privacy" class="me-2 me-md-4 text-white">PRIVACY</a>
<a href="/profile/login" class="me-3 me-md-5 text-white">SIGN IN</a>
</div>
</div>
<div class="text-center" style="font-family: Poppins; font-size: min(max(30px, 8vw), 80px); font-weight: 600; letter-spacing: -1px; margin-top:16vh; line-height: 120%;">
a new kind of<br>community awaits
</div>
<div class="text-white text-center" style="position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, -50%); ">
<i class="fa fa-chevron-down fa-4x"></i>
</div>
</div>
<div class="text-center" style="background-color: #EEEEEE; color: #000;">
<div class="row" style="padding-top: 15vmin;">
<div class="col-1 col-lg-2"></div>
<div class="col-10 col-lg-8">
<div style="font-family: Poppins; font-size:calc(18px + 2vw); font-weight: 400; line-height: 115%;">
Bebo is our idea for the modern Community - by reminding ourselves how communities have always thrived.
</div>
<div style="font-family: Poppins; font-size:calc(18px + 1vw); padding-top: 7vmin;">
We’re positive. We’re engaging. We’re supportive.
</div>
<div style="font-family: Poppins; font-size:calc(18px + 1vw);">
And we’ve been waiting for you.
</div>
</div>
<div class="col-1 col-lg-2"></div>
</div>
<div class="row" style="padding-top: 7vmin; padding-bottom: 15vmin;">
<div class="col-1 col-sm-2 col-md-3 col-xl-4"></div>
<div class="col-10 col-sm-8 col-md-6 col-xl-4" style="font-family: Poppins; font-size:15px; font-weight: 400; line-height: 20px;">
Involvement and representation in communities are critical to the human experience, and social media should enhance this.
Instead, it’s proven to be a mixed blessing.
Online communities frequently lack many of the social norms of the real world.
<br><br>
Following the success of the original Bebo we established
a considerably smaller and more focussed community in the form of a private members club called The Battery. Bebo now combines the best elements of both to
create a new kind of online community.
</div>
<div class="col-1 col-sm-2 col-md-3 col-xl-4"></div>
</div>
</div>
<div class="bg-image">
<img src="https://storage.googleapis.com/bebocom/static/img/amsterdam.jpg" class="img-fluid" />
<div class="mask" style="background-color: rgba(0, 0, 0, 0.4)">
<div class="d-flex justify-content-center align-items-center h-100">
<div class="row">
<div class="col-1 col-md-2 col-lg-3"></div>
<div class="col-10 col-md-8 col-lg-6 text-center" style="font-family: Poppins; font-size:calc(12px + 2vw); font-weight: 400; line-height: 115%;">
Our goal is to provide a safe environment where mutual respect is the baseline, individuality and creativity is encouraged, and diversity is celebrated.
</div>
<div class="col-1 col-md-2 col-lg-3"></div>
</div>
</div>
</div>
</div>
<div style="background-color: #000; color: #fff;">
<div style="background-color: #fff; height:1px;"></div>
<div class="row" style="padding-top: 15vmin; padding-bottom: 15vmin;">
<div class="col-4 col-sm-5 align-top text-center" style="font-family: Poppins; font-size: 20vw; line-height: 100%; font-weight: 600;">
01
</div>
<div class="col-7 col-sm-5">
<div style="font-family: Poppins; font-size:calc(16px + 3vw); font-weight: normal;">
how to join
</div>
<div style="font-family: Poppins; font-size: 5vw; font-weight: normal; font-size: 15px; line-height: 30px;">
To join Bebo you must be nominated by another Bebo member. All new members are able to nominate seven new members. Your own reputation within the community is determined by the
subsequent
reputation of those you nominate. Please only invite others who you know well and are confident will enhance the community. Additional nominations will be given at our discretion.
</div>
</div>
<div class="col-1 col-sm-2">
</div>
</div>
<div style="background-color: #fff; height:1px;"></div>
<div class="row" style="padding-top: 15vmin; padding-bottom: 15vmin;">
<div class="col-4 col-sm-5 align-top text-center" style="font-family: Poppins; font-size: 20vw; line-height: 100%; font-weight: 600;">
02
</div>
<div class="col-7 col-sm-5">
<div style="font-family: Poppins; font-size:calc(16px + 3vw); font-weight: normal;">
the pledge
</div>
<div style="font-family: Poppins; font-size: 5vw; font-weight: normal; font-size: 15px; line-height: 30px;">
There is no place on Bebo for hate speech, prejudice or discrimination, including those based on age, ancestry, color, disability, gender, gender identity or expression, race,
religion or sexual orientation. Anyone demonstrating prejudice will have their membership deleted, if you nominate or are friends with those
whose membership is deleted then yours may also be. Choose your friends wisely and meliorate the merriment for all.
</div>
</div>
<div class="col-1 col-sm-2">
</div>
</div>
<div style="background-color: #fff; height:1px;"></div>
<div class="row" style="padding-top: 15vmin; padding-bottom: 15vmin;">
<div class="col-4 col-sm-5 align-top text-center" style="font-family: Poppins; font-size: 20vw; line-height: 100%; font-weight: 600;">
03
</div>
<div class="col-7 col-sm-6">
<div style="font-family: Poppins; font-size:calc(16px + 3vw); font-weight: normal; line-height: 110%;">
reserve your username
</div>
<div style="font-family: Poppins; font-size: 5vw; font-weight: normal; font-size: 15px; line-height: 30px; max-width:500px;">
If you've not received an invite yet but would like to reserve your username for when you do you can do so here.
</div>
<a role="button" href="/reserve" class="btn btn-outline-light btn-lg mt-4" style="letter-spacing: 2px;">RESERVE USERNAME</a>
</div>
<div class="col-1 col-sm-1">
</div>
</div>
</div>
<div class="text-center" style="background-color: #EEEEEE; height:300px">
</div>
</div>
</body>
<script type="text/javascript" src="https://storage.googleapis.com/bebocom/static/js/mdb.min.js?v=371" charset="utf-8"></script>
</html>