CINXE.COM
LifeWatch ERIC - Training Catalogue
<!doctype html> <html lang="en"> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-YGDQ81CGQL"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-YGDQ81CGQL', { 'anonymize_ip': true }); </script> <meta charset="utf-8"> <title>LifeWatch ERIC - Training Catalogue</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script> <link href="https://fonts.googleapis.com/css?family=Titillium Web" rel="stylesheet"> <link href="./landing_bootstrap/css/style.css" rel="stylesheet"> <link rel="stylesheet" href="landing_bootstrap/fontawesome/css/all.css"> <!--<script src="/landing_bootstrap/js/bootstrap.min.js"></script>--> <style> body { font-family: 'Titillium Web';font-size: 22px; } .full_button { background-color:#0f4e8a!important; border: none!important; } </style> </head> <body class="igx-typography"> <div class="container-fluid"> <div class="row"> <!-- SECTION SX --> <div class="col-sm-12 col-md-3 col-lg-2"> <!-- LOGO --> <div class="row"> <div class="col"> <span class="mx-auto mx-lg-0"><a href="https://www.lifewatch.eu"><img class="logo pl-lg-2 pr-5" src="./landing_assets/images/logo.png"></a></span> </div> </div> <!-- MENU DESKTOP--> <div class="row d-none d-md-block"> <div class="col"> <div class="list-group"> <a href="https://www.lifewatch.eu" class="list-group-item list-group-item-action"><h5><strong>HOME</strong></h5></a> <a href="#" class="list-group-item list-group-item-action active"><h5><strong>TRAINING CATALOGUE</strong></h5></a> <a href="https://trainingcatalogue.lifewatch.eu/about" class="list-group-item list-group-item-action"><h5><strong>ABOUT THIS CATALOGUE</strong></h5></a> <a href="https://trainingcatalogue.lifewatch.eu/site/api" class="list-group-item list-group-item-action"><h5><strong>APIs FOR DEVELOPERS</strong></h5></a> <a href="https://trainingcatalogue.lifewatch.eu/contact" class="list-group-item list-group-item-action"><h5><strong>CONTACT US</strong></h5></a> </div> </div> </div> </div> <!-- SECTION DX --> <div class="col-sm-12 col-md-9 col-lg-10"> <!-- SIGN IN --> <div class="row"> <div class="col" style="text-align:right; color: rgb(158, 148, 148); background-color:#0f4e8a;"> <h5 style="margin: 10px;"><i class="fas fa-user-alt fontawesome-text"></i><a href="https://backend.trainingcatalogue.lifewatch.eu/login" style="color: white;"> Login</a></h5> </div> </div> <!-- WELCOME DESKTOP--> <div class="row padding-0 d-none d-md-block" > <div class="col padding-0"> <div class="container-image padding-0"> <img src="./landing_assets/images/banner_catalogue.jpg" alt="Banner_Catalogue" style="width:100%; height: auto;"> <div class="row padding-0"> <div class="centered padding-0"> <div class="col-sm-12 col-md-5 col-lg-5" style="background-color: transparent; text-align: left; margin: 3rem;"> <h3 style="color: black; font-weight: bold;">Welcome to the LifeWatch ERIC Training Catalogue!</h3> <h5 style="color: black;ttext-align: left;"><br><br><br>This catalogue is designed to facilitate findability, sharing and reuse of educational resources on biodiversity and ecosystem science.<br><br>Learn more in 'About this Catalogue'. Start your search by clicking on ‘Full Catalogue’ to navigate through all the resources or use the ‘Categories’ below to select a specific resources type.<br><br><br></h5> <a href='https://trainingcatalogue.lifewatch.eu/?CourseSearch%5Bkeyword%5D=' data-toggle="tooltip" data-placement="top" title="Click here to navigate all available resources or search in the categories below" class="btn btn-primary btn-lg active full_button" role="button" aria-pressed="true">FULL CATALOGUE</a> </div> <div class="col-sm-12 col-md-6 col-lg-6" style="background-color: transparent;"></div> </div> </div> </div> </div> </div> <!-- WELCOME MOBILE--> <div class="row padding-0 d-block d-md-none" > <div class="col"> <img src="./landing_assets/images/banner_catalogue.jpg" alt="Banner_Catalogue" style="width:100%; height: auto;"> </div> <div class="row padding-0"> <div class="col-sm-12 col-md-12 col-lg-12" style="background-color: transparent; text-align: left; margin: 1rem; text-align: center;"> <h3 style="color: black;">Welcome to the LifeWatch ERIC Training Catalogue!</h3> <!--<a href="#" class="btn btn-primary btn-lg active" role="button" aria-pressed="true">Read More</a>--> </div> </div> </div> <!-- CATEGORIES --> <div class="row" > <div class="col"> <div class="container" style="margin-top: 3rem; margin-bottom: 3rem;"> <div class="row"> <div class="col-sm-12 col-md-12 col-lg-12" style="background-color: transparent;"> <h3 style="color: #0f4e8a; text-align: center;"><strong>Categories</strong></h3> </div> </div> <div class="row"> <div class="col-sm-12 col-md-4 col-lg-3" style="text-align: center; display: flex; justify-content: center; margin-top: 14px; margin-bottom: 10px;"> <a href="https://trainingcatalogue.lifewatch.eu/index.php/?CourseSearch%5Bkeyword%5D=game"> <!--<div class="center-image" id="image_alien_species"></div>--> <div class="categories" style="text-align: center;""> <img class="image-main" src="./landing_assets/images/school1.png" height="140px" alt="scientific_game"> <img class="image-hover" src="./landing_assets/images/school_over1.png" height="150px " alt="scientific_game"> </div> <font size="4" style="color: #0f4e8a"><strong>Education and </strong></font><br> <font size="4" style="color: #0f4e8a"><strong> Games</strong></font> </a> </div> <div class="col-sm-12 col-md-4 col-lg-3" style="text-align: center; display: flex; justify-content: center; margin-top: 10px; margin-bottom: 10px;"> <a href="https://trainingcatalogue.lifewatch.eu/index.php/?CourseSearch%5Bkeyword%5D=ecampus"> <!--<div class="center-image" id="image_educational_multimedia"></div>--> <div class="categories" style="text-align: center;""> <img class="image-main" src="./landing_assets/images/biodiversity.png" height="150px" alt="educational"> <img class="image-hover" src="./landing_assets/images/biodiversity_over.png" height="150px " alt="educational"> </div> <font size="4" style="color: #0f4e8a"><strong>Biodiversity </strong></font><br> <font size="4" style="color: #0f4e8a"><strong> eCampus</strong></font> </a> </div> <div class="col-sm-12 col-md-4 col-lg-3" style="text-align: center; display: flex; justify-content: center; margin-top: 10px; margin-bottom: 10px;"> <a href="https://trainingcatalogue.lifewatch.eu/index.php/?CourseSearch%5Bkeyword%5D=tutorial"> <!--<div class="center-image" id="image_vres"></div>--> <div class="categories" style="text-align: center;""> <img class="image-main" src="./landing_assets/images/services.png" height="150px" alt="vres"> <img class="image-hover" src="./landing_assets/images/services_over.png" height="150px " alt="vres"> </div> <font size="4" style="color: #0f4e8a"><strong>Services </strong></font><br> <font size="4" style="color: #0f4e8a"><strong> Tutorials</strong></font> </a> </div> <div class="col-sm-12 col-md-4 col-lg-3" style="text-align: center; display: flex; justify-content: center; margin-top: 10px; margin-bottom: 10px;"> <a href="https://trainingcatalogue.lifewatch.eu/index.php/?CourseSearch%5Bkeyword%5D=webinar"> <div class="categories" style="text-align: center;""> <img class="image-main" src="./landing_assets/images/webinars.png" height="150px" alt="data_management"> <img class="image-hover" src="./landing_assets/images/webinars_over.png" height="150px " alt="data_management"> </div> <font size="4" style="color: #0f4e8a"><strong>Webinars and </strong></font><br> <font size="4" style="color: #0f4e8a"><strong> Conferences</strong></font> </a> </div> <!-- </div> <div class="row"> --> </div> </div> </div> </div> <!-- LATEST RESOURCES --> <div class="row" > <div class="col"> <div class="container" style="background-color: #F3F3F3;"> <div class="row"> <div class="col-sm-12 col-md-12 col-lg-12" style="background-color: transparent; margin-top: 50px;"> <h3 style="color: #0f4e8a; text-align: center;"><strong>Latest Resources</strong></h3> </div> </div> <div class="row"> <div class="col-sm-12 col-md-12 col-lg-12" style="background-color: transparent; margin-top: 50px; margin-bottom: 50px;"> <div id="mixedSlider"> <div class="MS-content"> <div class="item"> <div class="imgTitle"> <a href="https://trainingcatalogue.lifewatch.eu/course/33" style="position: relative;"> <div class="image-overlay"> <h4 style="color: #274F8B;"><strong>LifeWatch ERIC Metadata Catalogue</strong></h4> </div> <img src="./landing_assets/images/resources/lifewath_ERIC_metadata_catalogue.png" alt="" /> </a> </div> </div> <div class="item"> <div class="imgTitle"> <a href="https://trainingcatalogue.lifewatch.eu/course/34" style="position: relative;"> <div class="image-overlay"> <h4 style="color: #274F8B;"><strong>ENVRI-FAIR International School 2021</strong></h4> </div> <img src="./landing_assets/images/resources/envri_community.png" alt="" /> </a> </div> </div> <div class="item"> <div class="imgTitle"> <a href="https://trainingcatalogue.lifewatch.eu/course/17" style="position: relative;"> <div class="image-overlay"> <h4 style="color: #274F8B;"><strong>Alien and Invasive Species</strong></h4> </div> <img src="./landing_assets/images/resources/alien_species_VRE.png" alt="" /> </a> </div> </div> <div class="item"> <div class="imgTitle"> <a href="https://trainingcatalogue.lifewatch.eu/course/29" style="position: relative;"> <div class="image-overlay"> <h4 style="color: #274F8B;"><strong>Save the eel</strong></h4> </div> <img src="./landing_assets/images/resources/save_the_eel.png" alt="" /> </a> </div> </div> </div> <div class="MS-controls"> <button class="MS-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button> <button class="MS-right"><i class="fa fa-angle-right" aria-hidden="true"></i></button> </div> </div> </div> </div> </div> </div> </div> <!-- FOOTER --> <footer class="container" style="clear:both;"> <div class="container-wrapper pb-lg-3 pt-lg-3"> <!-- MENU MOBILE --> <div class="row align-items-center align-items-lg-start justify-content-xl-between justify-content-md-center d-block d-md-none"> <div class="col-12 text-center mt-2 d-block d-lg-none"> <a href="https://trainingcatalogue.lifewatch.eu/"><span class="text-white font-size-menu font-weight-bold"> HOME </span></a> <a href="https://trainingcatalogue.lifewatch.eu/about" ><span class="text-white font-size-menu font-weight-bold">| ABOUT US </span></a> <a href="https://trainingcatalogue.lifewatch.eu/site/api"><span class="text-white font-size-menu font-weight-bold"> | APIs </span></a> <a href="https://trainingcatalogue.lifewatch.eu/contact"><span class="text-white font-size-menu font-weight-bold"> | CONTACT US </span></a> </div> </div> <div class="row"> <div class="col-md-12 col-lg-3 col-xl-3 text-left"> <span class="mx-auto mx-lg-0"><a href="https://www.lifewatch.eu"><img class="logo-footer pl-lg-2 pr-5" src="./landing_assets/images/logo_white.svg"></a></span> </div> <div class="col-12 col-lg-3 col-xl-3 text-left"> <div class="col-12 text-lg-right "> <h5 class="text-white font-weight-bold mb-0 mt-lg-0">LifeWatch ERIC</h5> <a href="https://www.lifewatch.eu/web/guest/terms-and-conditions" target="_blank"><p class="text-white my-0">Terms and Conditions</p></a> <a href="https://www.lifewatch.eu/web/guest/acceptable-use-policy" target="_blank"><p class="text-white my-0">Acceptable Use Policy</p></a> <a href="https://www.lifewatch.eu/web/guest/privacy-policy" target="_blank"><p class="text-white my-0">Privacy Policy</p></a> </div> </div> <div class="col-12 col-lg-3 col-xl-3 text-left"> <div class="col-12 text-lg-right"> <h5 class="text-white font-weight-bold mb-0 mt-lg-0">Contact Us</h5> <a href="https://www.lifewatch.eu/web/guest/contact" target="_blank"><p class="text-white my-0">Contact details</p></a> <a href="https://www.lifewatch.eu/web/guest/help-desk" target="_blank"><p class="text-white my-0">Help Desk</p></a> </div> </div> <div class="col-12 col-lg-3 col-xl-3 text-left"> <div class="col-12 text-lg-right"> <div id="social" class="col-12 mt-1 mb-2 pl-lg-4 pr-lg-0 pr-xl-4"> <a href="https://twitter.com/lifewatcheric" target="_blank" rel="noopener noreferrer"><img src="./landing_assets/images/footer/Twitter.svg" id="twitter" alt="Twitter" class="mr-2"></a> <a href="https://www.facebook.com/LifeWatch-ERIC-245225669516847" target="_blank" rel="noopener noreferrer"><img src="./landing_assets/images/footer/Facebook.svg" width="36px" height="34px" id="facebook" alt="Facebook" class="ml-2 mr-3"></a> <a href="https://www.youtube.com/channel/UCP6ag3SoJ6oeisE7ibg4-pg" target="_blank" rel="noopener noreferrer"><img src="./landing_assets/images/footer/Youtube.svg" id="youtube" alt="Youtube" class="mr-4"></a> <a href="https://www.linkedin.com/company/lifewatch-eric/" target="_blank" rel="noopener noreferrer"><img src="./landing_assets/images/footer/Linkedin.svg" id="linkedin" alt="Linkedin" class="mr-4"></a> </div> <!--<h5 class="text-white font-weight-bold mb-0 mt-lg-0">Join Our Newsletter</h5> <p class="text-color-custom my-0">-</p> <p class="text-color-custom my-0">-</p>--> </div> </div> </div> </div> </footer> </div> </div> </div> <!-- CAROUSEL SCRIPT --> <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> <script src="./landing_bootstrap/js/multislider.min.js"></script> <script> $('#basicSlider').multislider({ continuous: true, duration: 2000 }); $('#mixedSlider').multislider({ duration: 750, interval: 3000 }); </script> </body> </html>