File: /home/abtgzsqx/360blue.com.mt/mfopd-sea-activity.html
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<title>Sea Activity</title>
<meta name="description" content="360° Blue is a national educational and awareness-building initiative around the marine environment, with a focus on Malta’s seas.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="css/cookiealert.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap" rel="stylesheet">
<!-- Style -->
<link href="css/style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="images/favicon.png">
<!-- Begin Mailchimp Signup Form -->
<link href="https://cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-179795219-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-179795219-1');
</script>
<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/f046ea5ffd18045065695a950/ca97bed945300c7fdaad5c0df.js");</script>
</head>
<body data-spy="scroll" data-target=".navbar">
<!-- START Bootstrap-Cookie-Alert -->
<div class="alert text-center cookiealert" role="alert">
<b>Do you like cookies?</b> 🍪 We use cookies to ensure you get the best experience on our website. <a href="https://cookiesandyou.com/" target="_blank">Learn more</a>
<button type="button" class="btn btn-primary btn-sm acceptcookies">
I agree
</button>
</div>
<!-- END Bootstrap-Cookie-Alert -->
<!-- Navbar -->
<div class="container-fluid sticky-top shadow p-3 bg-white rounded">
<nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #ffffff;">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav m-auto font-weight-bold">
<li class="nav-item"><a href="index.html#about" class="nav-link active">About</a></li>
<li class="nav-item"><a href="index.html#events" class="nav-link ">Events</a></li>
<li class="nav-item"><a href="index.html#partners" class="nav-link ">Partners</a></li>
<li class="nav-item"><a href="index.html#getinvolved" class="nav-link ">Get involved</a></li>
<li class="nav-item"><a href="index.html#contactus" class="nav-link ">Contact us</a></li>
</ul>
<!--Facebook-->
<ul class="navbar-nav">
<li class="nav-item mr-5">
<a href="https://www.facebook.com/360BlueMalta" target="_blank"><span class="material-icons">
facebook
</span>
</a>
</li>
</ul>
<ul class="navbar-nav">
<button type="button" class="btn btn-light btn-outline-light">
<li class="nav-item dropdown font-weight-bold">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Resources</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="news.html">News <span class="badge badge-danger"> 1</span></a>
<a class="dropdown-item" href="media.html">Media</a>
</div>
</li>
</button>
</ul>
</div>
</nav>
</div>
<!--Main-->
<div id="competition" class="container py-5">
<p><h1><strong>Sea Activity</strong></h1></p>
<p><h2>Follow us on <a href="https://www.facebook.com/360BlueMalta" target="_blank">Facebook</a>!</h2></p>
<div class="card-columns my-5">
<div class="card">
<img src="images/sa4.jpg" class="card-img-top" alt="photo">
<div class="card-body">
<h5 class="card-title">Gayle Mugliette</h5>
<p class="card-text"><small class="text-muted">Il-Qbajjar</small></p>
</div>
</div>
<div class="card">
<img src="images/sa1.jpg" class="card-img-top" alt="photo">
<div class="card-body">
<h5 class="card-title">Audrey Anne Agius Zammit</h5>
<p class="card-text"><small class="text-muted">Kalkara</small></p>
</div>
</div>
<div class="card">
<img src="images/sa2.jpg" class="card-img-top" alt="photo">
<div class="card-body">
<h5 class="card-title">Karl Xerri</h5>
<p class="card-text"><small class="text-muted">Ramla Bay</small></p>
</div>
</div>
<div class="card">
<img src="images/sa3.jpg" class="card-img-top" alt="photo">
<div class="card-body">
<h5 class="card-title">Julia Lynne Agius Zammit</h5>
<p class="card-text"><small class="text-muted">B'Bugia</small></p>
</div>
</div>
<div class="card">
<img src="images/sa5.jpg" class="card-img-top" alt="photo">
<div class="card-body">
<h5 class="card-title">Essien Mifsud</h5>
<p class="card-text"><small class="text-muted">Marsascala</small></p>
</div>
</div>
<div class="card">
<img src="images/sa6.jpg" class="card-img-top" alt="photo">
<div class="card-body">
<h5 class="card-title">Giulia Valletta</h5>
<p class="card-text"><small class="text-muted">Mistra Bay</small></p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="page-footer">
<div style="background: rgb(162,194,186);
background: linear-gradient(30deg, rgba(162,194,186,1) 0%, rgba(190,213,180,1) 100%);">
<div class="container">
<!-- Grid row-->
<div class="row py-4 d-flex align-items-center">
<!-- Grid column -->
<div class="col-md-6 col-lg-5 text-center text-md-left mb-4 mb-md-0">
<h6 class="mb-0"><strong><a href="https://www.facebook.com/360BlueMalta" class="text-white" target="_blank">Get connected with us on Facebook!</a></strong></h6>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-6 col-lg-7 text-center text-md-right">
<!-- Facebook -->
<a href="https://www.facebook.com/360BlueMalta" target="_blank"><span class="material-icons">
facebook
</span>
</a>
</div>
<!-- Grid column -->
</div>
<!-- Grid row-->
</div>
</div>
<!-- Call to action -->
<div class="container text-center mt-5">
<div id="mc_embed_signup">
<form action="https://360blue.us2.list-manage.com/subscribe/post?u=f046ea5ffd18045065695a950&id=9d5a73396d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<label for="mce-EMAIL"><h4 class="text-info">Notify me about new events</h4></label>
<input type="email" value="" name="EMAIL" class="email form-control text-center" id="mce-EMAIL" placeholder="email address" required><br>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_f046ea5ffd18045065695a950_9d5a73396d" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Notify Me" name="subscribe" id="mc-embedded-subscribe" class="mt-3 btn btn-info"></div>
</div>
</form>
</div>
</div>
<!-- Call to action -->
<!-- Footer Links -->
<div style="background-color: #ecf0f1;">
<div class="container text-center text-md-left mt-5">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4 mt-4">
<!-- Content -->
<h6 class="text-uppercase font-weight-bold">Partners</h6>
<hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
<p>
<a href="https://www.aquabt.com/" target="_blank" style="color: #026eaa;">AquaBioTech Group</a>
</p>
<p>
<a href="https://education.gov.mt/en/Pages/educ.aspx" target="_blank" style="color: #026eaa;">MEDE</a>
</p>
<p>
<a href="https://www.um.edu.mt/" target="_blank" style="color: #026eaa;">University of Malta</a>
</p>
<p>
<a href="https://www.hsbc.com.mt/" target="_blank" style="color: #026eaa;">HSBC Malta Foundation</a>
</p>
<p>
<a href="https://www.zibel.org/" target="_blank" style="color: #026eaa;">Zibel</a>
</p>
<p>
<a href="https://inspire.org.mt/" target="_blank" style="color: #026eaa;">Inspire</a>
</p>
<p>
<a href="https://esplora.org.mt/" target="_blank" style="color: #026eaa;">Esplora</a>
</p>
<p>
<a href="https://maltafederationoforganisationspersonswithdisability.wordpress.com/" target="_blank" style="color: #026eaa;">MFOPD</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4 mt-4">
<!-- Links -->
<h6 class="text-uppercase font-weight-bold">Events</h6>
<hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
<p>
<a href="news.html" style="color: #026eaa;">Marine Essay Competition</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4 mt-4">
<!-- Links -->
<h6 class="text-uppercase font-weight-bold">Join Us</h6>
<hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
<p>
<a href="https://us2.list-manage.com/survey?u=f046ea5ffd18045065695a950&id=e7f7d2eca3" style="color: #026eaa;" target="_blank">Become a Partner</a>
</p>
<p>
<a href="https://us2.list-manage.com/survey?u=f046ea5ffd18045065695a950&id=c5dda2d118" style="color: #026eaa;" target="_blank">Become a volunteer</a>
</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4 mt-4">
<!-- Links -->
<h6 class="text-uppercase font-weight-bold">Contact</h6>
<hr class="deep-purple accent-2 mb-4 mt-0 d-inline-block mx-auto" style="width: 60px;">
<a href="mailto:[email protected]" style="color: #026eaa;"><p>[email protected]</p></a>
<a href="tel:+35622584127" style="color: #026eaa;"><p>+356 225 841 27</p></a>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
</div>
<!-- Footer Links -->
<!-- Copyright -->
<div style="background: rgb(87,108,157);background: -moz-linear-gradient(30deg, rgba(87,108,157,1) 0%, rgba(128,109,143,1) 100%);background: -webkit-linear-gradient(30deg, rgba(87,108,157,1) 0%, rgba(128,109,143,1) 100%);background: linear-gradient(30deg, rgba(87,108,157,1) 0%, rgba(128,109,143,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#576c9d",endColorstr="#806d8f",GradientType=1);">
<div class="container">
<div class="footer-copyright text-center py-3" style="color: white">Copyright © 2022 360° Blue | All rights reserved</strong></a>
</div>
</div>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
<!-- Optional JavaScript -->
<script src="cookiealert.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="css/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>
<!-- partial -->
<script src="script9497.js?version=1.5"></script>
</body>
</html>