<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>About - RoboBears</title>
<meta
content="This is a website for RoboBears, a competitive robotics club at UC Berkeley."
name="description"
/>
<meta
content="robotics, competition, uc berkeley, berkeley, robots"
name="keywords"
/>
<!-- Favicons -->
<link href="img/bear.png" rel="icon" />
<link href="img/bear.png" rel="apple-touch-icon" />
<!-- Google Fonts -->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet"
/>
<!-- Vendor CSS Files -->
<link
href="assets/vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet"
/>
<link
href="assets/vendor/bootstrap-icons/bootstrap-icons.css"
rel="stylesheet"
/>
<link href="assets/vendor/aos/aos.css" rel="stylesheet" />
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet" />
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet" />
<link
href="assets/vendor/glightbox/css/glightbox.min.css"
rel="stylesheet"
/>
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet" />
<!-- =======================================================
* Template Name: FlexStart - v1.2.0
* Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top">
<div
class="container-fluid container-xl d-flex align-items-center justify-content-between"
>
<a href="index.html" class="logo d-flex align-items-center">
<img src="img/bear.png" alt="" />
<span>RoboBears</span>
</a>
<nav id="navbar" class="navbar">
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li><a class="active" href="about.html">About</a></li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li><a href="team.html">Team</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
<!-- .navbar -->
</div>
</header>
<!-- End Header -->
<main id="main">
<!-- ===== About Section ====== -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h3>We Are</h3>
<p>UC Berkeley's Premier Robotics Organization</p>
</header>
<div class="row">
<div
class="col-lg-6 d-flex flex-column justify-content-center"
data-aos="fade-up"
data-aos-delay="200"
>
<div class="content">
<h2>
Join our amazing team and learn how to build the best robots.
</h2>
<p>
Like to create? So do we. Since our inception, we've strived
to provide a space that allows students to succeed alongside
their peers as a team. Robotics isn't exactly easy, but that's
what makes us stronger.
</p>
<p>
From our seasoned design leads to our young and enterprising
engineers, we welcome anyone willing to put themselves to the
test and compete against thousands of bright minds from around
the world. As we move forward, we will grow, take on new
competitions, and complete more projects.
</p>
<p>
We are a community of designers, creators, and innovators.
</p>
<p>We are RoboBears.</p>
</div>
</div>
<div
class="col-lg-6 d-flex align-items-center"
data-aos="zoom-out"
data-aos-delay="200"
>
<img src="img/Fall2019_GroupPic.jpg" class="img-fluid" alt="" />
</div>
</div>
</div>
</section>
<!-- End About Section -->
<!-- ======= Services Section ======= -->
<section id="services" class="services">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h2>Services</h2>
<p>What We Do</p>
</header>
<div class="row gy-4">
<div
class="col-lg-3 col-md-6"
data-aos="fade-up"
data-aos-delay="200"
>
<div class="service-box blue">
<i class="ri-pencil-fill icon"></i>
<h3>Plan</h3>
<p>
At the start of every semester, members form teams to compete
with at RoboGames.
</p>
</div>
</div>
<div
class="col-lg-3 col-md-6"
data-aos="fade-up"
data-aos-delay="300"
>
<div class="service-box orange">
<i class="ri-pencil-ruler-2-fill icon"></i>
<h3>Design</h3>
<p>
Teams spend months crafting the most efficient and practical
designs using industry-leading tools.
</p>
</div>
</div>
<div
class="col-lg-3 col-md-6"
data-aos="fade-up"
data-aos-delay="400"
>
<div class="service-box green">
<i class="ri-tools-fill icon"></i>
<h3>Create</h3>
<p>
Each group machines parts using UC Berkeley's lab and begins
to build their project.
</p>
</div>
</div>
<div
class="col-lg-3 col-md-6"
data-aos="fade-up"
data-aos-delay="500"
>
<div class="service-box red">
<i class="ri-sword-fill icon"></i>
<h3>Battle</h3>
<p>
More than a semester's worth of effort culminates in this
one-day event, where robots battle for glory.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Services Section -->
<!-- ======= Competition Section ======= -->
<section class="competition">
<div class="container" data-aos="fade-up">
<header class="section-header">
<h2>Battle</h2>
<p>Cal Combat Robotics Competition</p>
</header>
<div class="row">
<div class="col-lg-6">
<video
src="video/RoboBears fight - Spring 2019.mp4"
controls
width="100%"
></video>
</div>
<div
class="col-lg-6 d-flex flex-column justify-content-center"
data-aos="fade-up"
data-aos-delay="200"
>
<div class="content">
<p>
Due to the cancellation of RoboGames, RoboBears hosted its own 3lb competition on March 31, 2019. The event was a big success, and decided to turn the event into an annual spectacle. Stay tuned for information about the next event, and a huge thanks to Bot Bash Party for providing the arena!
</p>
<div class="text-center text-lg-center">
<a
href="http://botbashparty.com/?fbclid=IwAR3TpUPONsHSCAVmh1y3tjS79bsXbhPcfuNTha5-676QgjCxWelaHXzukmE"
class="btn-read-more d-inline-flex align-items-center justify-content-center align-self-center"
target="_blank"
>
<span>Bot Bash Party</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End Competition Section -->
</main>
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="footer-top">
<div class="container">
<div class="row gy-4">
<div class="col-lg-9 col-md-12 footer-info">
<a href="index.html" class="logo d-flex align-items-center">
<img src="img/bear.png" alt="" />
<span>RoboBears</span>
</a>
<p>
RoboBears is a competitive combat robotics organization where we
design, build and compete combat robots against top
Universities. We are dedicated to teaching how to design and
manufacture robots from scratch with the intent of competing in
our main event each Spring: UC Berkeley's Combat Robotics
Competition. We welcome everyone of any major and any experience
level. Join our team and experience the thrill of building
combat robots!
</p>
<div class="social-links mt-3">
<a
href="https://www.facebook.com/calrobobears/"
class="facebook"
><i class="bi bi-facebook"></i
></a>
</div>
</div>
<div
class="col-lg-3 col-md-12 footer-contact text-lg-end text-md-center"
>
<h4>Contact Us</h4>
<p><strong>Email:</strong> calrobobears@berkeley.edu<br /></p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
© Copyright <strong><span>Curie Park 2021</span></strong>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>
Copyright 2K16 - 2K18 Indonesian Hacker Rulez