index.html

---
layout: default
title: ByteMAL
description: Official website of byteMAL.
image: /images/byteMAL_icon.png
---

<div class="row">

  <div class="col-sm-12 px-3">
	  <div class="jumbotron p-5 h-100" style="text-align: center">
		  <h1><b>Welcome to the byteMAL website!</b></h1>
		  <p class="lead"><em>A bioinformatics and systems biomedicine conference organised by and for early-career researchers and students</em></p>
		  <p><a class="btn btn-primary btn-lg my-3" href="https://bytemal.github.io/bytemal-2025/" role="button">Register</a>
			  <a class="btn btn-dark btn-lg my-3" href="/about" role="button">Learn more</a></p>
	  </div>
  </div>
  
</div>
<br>

<div class="card-deck text-center">
  <div class="card">
    <img src="/images/Icons/announcement-icon.jpg" class="card-img-top px-4 py-1" alt="sharing-icon">
    <div class="card-body">
      <h5 class="card-title"><a href="https://bytemal.github.io/bytemal-2025/register">Share your work</a></h5>
      <p class="card-text">Present a poster or flash talk and compete for prizes</p>
    </div>
  </div>
  <div class="card">
    <img src="/images/Icons/lightbulb-icon.png" class="card-img-top px-4 py-1" alt="inspiration-icon">
    <div class="card-body">
      <h5 class="card-title"><a href="https://bytemal.github.io/bytemal-2025/speakers">Be inspired</a></h5>
      <p class="card-text">Attend keynote presentations by top experts discussing a range of interesting topics</p>
    </div>
  </div>
  <div class="card">
    <img src="/images/Icons/chat-icon.png" class="card-img-top px-4 py-1" alt="chat-icon">
    <div class="card-body">
      <h5 class="card-title"><a href="https://bytemal.github.io/bytemal-2025/register">Meet people</a></h5>
      <p class="card-text">Discuss your scientific ideas and results with like-minded peers</p>
    </div>
  </div>
</div>