355 lines
16 KiB
HTML
355 lines
16 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<!-- basic -->
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<!-- mobile metas -->
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||
|
|
<!-- site metas -->
|
||
|
|
<title>Rise of Blorbs!</title>
|
||
|
|
<meta name="keywords" content="">
|
||
|
|
<meta name="description" content="">
|
||
|
|
<meta name="author" content="">
|
||
|
|
<!-- bootstrap css -->
|
||
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
||
|
|
<!-- style css -->
|
||
|
|
<link rel="stylesheet" href="css/style.css">
|
||
|
|
<!-- Responsive-->
|
||
|
|
<link rel="stylesheet" href="css/responsive.css">
|
||
|
|
<!-- fevicon -->
|
||
|
|
<link rel="icon" href="images/fevicon.png" type="image/gif" />
|
||
|
|
<!-- Scrollbar Custom CSS -->
|
||
|
|
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
|
||
|
|
<!-- Tweaks for older IEs-->
|
||
|
|
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
|
||
|
|
<!--[if lt IE 9]>
|
||
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
|
||
|
|
<style>*{font-family:Eracake !important;}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<!-- body -->
|
||
|
|
|
||
|
|
<body class="main-layout">
|
||
|
|
<!-- loader -->
|
||
|
|
<div class="loader_bg">
|
||
|
|
<div class="loader"><img src="images/loading.gif" alt="#" /></div>
|
||
|
|
</div>
|
||
|
|
<!-- end loader -->
|
||
|
|
<!-- header -->
|
||
|
|
<header>
|
||
|
|
<!-- header inner -->
|
||
|
|
<div class="header-top">
|
||
|
|
<div class="header">
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col logo_section">
|
||
|
|
<div class="full">
|
||
|
|
<div class="center-desk">
|
||
|
|
<div class="logo">
|
||
|
|
<a href="index.html"><img src="images/logo.png" alt="#" /></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
|
||
|
|
|
||
|
|
<ul class="top_icon">
|
||
|
|
<li class="button_login"> <a href="#">Login</a> </li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end header inner -->
|
||
|
|
|
||
|
|
<!-- end header -->
|
||
|
|
<section class="slider_section">
|
||
|
|
<div class="banner_main">
|
||
|
|
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-2 padding_left0">
|
||
|
|
<div class="menu-area">
|
||
|
|
<div class="limit-box">
|
||
|
|
<nav class="main-menu">
|
||
|
|
<ul class="menu-area-main">
|
||
|
|
<li class="active"> <a href="#game">Game</a> </li>
|
||
|
|
<li> <a href="#software">Software</a> </li>
|
||
|
|
<li> <a href="#about">About</a> </li>
|
||
|
|
<li> <a href="#testimonial">Testimonial</a> </li>
|
||
|
|
<li> <a href="#contact">Contact</a> </li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 ">
|
||
|
|
<div class="text-bg">
|
||
|
|
<h1>Rise of<br>Blorbs</h1>
|
||
|
|
<span>A 2D game built with LEENKX in Blender <br> for the Global Game Jam 2025</span>
|
||
|
|
<a href="#">Play</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 ">
|
||
|
|
<div class="text-img">
|
||
|
|
<figure><img src="images/img.png" alt="#"/></figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<!-- our -->
|
||
|
|
<div id="games" class="our">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="titlepage">
|
||
|
|
<h2>Game Features</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12 margin_bottom">
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
|
||
|
|
<div class="two-box">
|
||
|
|
<figure><img src="images/our-image1.jpg" alt="#" /></figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xl-8 col-lg-8 col-md-8 col-sm-12">
|
||
|
|
|
||
|
|
<div class="Games">
|
||
|
|
<h3>Peer to peer</h3>
|
||
|
|
<p>Our game runs fromthe browser with a peer to peer conection. This mean it is not using a server and can connect many players together without a high cost. </p>
|
||
|
|
<a href="#">Free Download</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-12 margin_bottom">
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
|
||
|
|
<div class="two-box">
|
||
|
|
<figure><img src="images/our-image2.jpg" alt="#" /></figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xl-8 col-lg-8 col-md-8 col-sm-12">
|
||
|
|
|
||
|
|
<div class="Games">
|
||
|
|
<h3>Hand coded</h3>
|
||
|
|
<p>Every part of our game was made from our artist inspiration. All characters, envirnemtn, and even our game engine were developed by us!</p>
|
||
|
|
<a href="#">Free Download</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
|
||
|
|
<div class="two-box">
|
||
|
|
<figure><img src="images/our-image3.jpg" alt="#" /></figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-xl-8 col-lg-8 col-md-8 col-sm-12">
|
||
|
|
|
||
|
|
<div class="Games">
|
||
|
|
<h3>Play from any device</h3>
|
||
|
|
<p>Our game can be played on any device! (Ps, Switch, Browser, ect). Use your keyboard, game contoller, or smart phone to play with people around the world!</p>
|
||
|
|
<a href="#">Free Download</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- end our -->
|
||
|
|
<!-- We are -->
|
||
|
|
<div id="software" class="We_are">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="titlepage">
|
||
|
|
<h2>Software</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="container-fluid">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
|
||
|
|
<div class="box_bg">
|
||
|
|
<div class="box_bg_img">
|
||
|
|
<figure><img src="images/soft.jpg"></figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 border_right">
|
||
|
|
<div class="box_text">
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
||
|
|
<a href="#">Read more</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- end We are -->
|
||
|
|
|
||
|
|
<!-- testimonial -->
|
||
|
|
<div id="testimonial" class="testimonial">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12">
|
||
|
|
<div class="titlepage">
|
||
|
|
<h2>Our Team</h2>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-8 col-lg-8 col-md-8 col-sm-12 offset-md-2">
|
||
|
|
<div class="row box">
|
||
|
|
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
|
||
|
|
<div class="testimonial_box">
|
||
|
|
<figure><img src="images/test1.png" alt="#" /></figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
|
||
|
|
<div class="testimonial_box">
|
||
|
|
<figure><img src="images/test2.png" alt="#" /></figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
|
||
|
|
<div class="testimonial_box">
|
||
|
|
<figure><img src="images/test3.png" alt="#" /></figure>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div style="" class="">
|
||
|
|
<h3>We found each other</h3>
|
||
|
|
<p><center></center>Our team was created last minute at the game jam. Although we are all using new unfamiliar techniques,
|
||
|
|
our skills came together to build this beautiful project</center></p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- end testimonial -->
|
||
|
|
|
||
|
|
<!-- contact -->
|
||
|
|
<div id="contact" class="contact">
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- end contact -->
|
||
|
|
|
||
|
|
<!-- footer -->
|
||
|
|
<footr>
|
||
|
|
<div class="footer">
|
||
|
|
<div class="container">
|
||
|
|
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 ">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 ">
|
||
|
|
<div class="address">
|
||
|
|
<ul class="social_link">
|
||
|
|
<li><a href="#"><img src="icon/fb.png"></a></li>
|
||
|
|
<li><a href="#"><img src="icon/tw.png"></a></li>
|
||
|
|
<li><a href="#"><img src="icon/lin(2).png"></a></li>
|
||
|
|
<li><a href="#"><img src="icon/instagram.png"></a></li>
|
||
|
|
</ul>
<p style="color: white !important; font-size:40px;">
|
||
|
|
<a href="index.html">Rise of Blorbs</a>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
||
|
|
<div style="display: none;" class="address">
|
||
|
|
<h3>Quick links</h3>
|
||
|
|
<ul class="Menu_footer">
|
||
|
|
<li class="active"> <img src="images/3.png" alt="#"> <a href="#game">Game</a> </li>
|
||
|
|
<li><img src="images/3.png" alt="#"> <a href="#software">Software</a> </li>
|
||
|
|
<li><img src="images/3.png" alt="#"> <a href="#about">About</a> </li>
|
||
|
|
<li><img src="images/3.png" alt="#"> <a href="#testimonial"> Testimonial</a> </li>
|
||
|
|
<li><img src="images/3.png" alt="#"> <a href="#contact">Contact</a> </li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-3 col-md-6 col-sm-6">
|
||
|
|
<div style="display: none;" class="address">
|
||
|
|
<h3>downloded</h3>
|
||
|
|
<ul class="Links_footer">
|
||
|
|
<li class="active"><img src="images/3.png" alt="#"> <a href="#">Lorem Ipsum </a> </li>
|
||
|
|
<li><img src="images/3.png" alt="#"> <a href="#">Simply random</a> </li>
|
||
|
|
<li><img src="images/3.png" alt="#"> <a href="#">Roots in a</a> </li>
|
||
|
|
<li><img src="images/3.png" alt="#"> <a href="#"> Piece</a> </li>
|
||
|
|
<li><img src="images/3.png" alt="#"> <a href="#">Classical</a> </li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="float:right !important;" class="col-lg-3 col-md-6 col-sm-6 ">
|
||
|
|
<div class="address">
|
||
|
|
<h3>Contact us </h3>
|
||
|
|
<ul style="margin-bottom:60px;" class="loca">
|
||
|
|
<li>
|
||
|
|
<a href="#"><img src="icon/loc.png" alt="#" /></a>London 145
|
||
|
|
<br>United Kingdom </li>
|
||
|
|
<li>
|
||
|
|
<a href="#"><img src="icon/email.png" alt="#" /></a>demo@gmail.com </li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="copyright">
|
||
|
|
<div class="container">
|
||
|
|
<p>© 2025 All Rights Reserved. <a href="https://html.design/">Rise of Blorbs</a></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footr>
|
||
|
|
<!-- end footer -->
|
||
|
|
<!-- Javascript files-->
|
||
|
|
<script src="js/jquery.min.js"></script>
|
||
|
|
<script src="js/popper.min.js"></script>
|
||
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
||
|
|
<script src="js/jquery-3.0.0.min.js"></script>
|
||
|
|
<script src="js/plugin.js"></script>
|
||
|
|
<!-- sidebar -->
|
||
|
|
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||
|
|
<script src="js/custom.js"></script>
|
||
|
|
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|