index.Rmd

---
title: "EDUCE"
output:
  html_document:
    css: "hide_title.css"
---
<style>
.center-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.center-title {
    font-size: 75px;
    text-align: center;
    margin: auto;
    width: 100%;
}

.center-subtitle {
    font-size: 25px;
    text-align: center;
    margin: auto;
    width: 100%;
}

.center-txt {
    text-align: center;
    margin: auto;
    width: 100%;
}

.box {
    text-align: center;
}

.contact-title {
    font-size: 20px;
    height:25px;
}

.column {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
</style>

<div class="center-title" style="color:teal">
  <p><b>Welcome to EDUCE</b></p>
</div>

<p style="text-align:center;"><img src="images/EDUCE_globe.png" width="500"></p>

<div class="center-subtitle">
  <p><b>Experiential Data science for Undergraduate Cross-disciplinary Education</b></p>
</div>

<div class="box">
  <div class="contact-title">
  <b><p>For more information:</p></b>
  <p><a href="http://ecoscope.ubc.ca/program-structure/educe/">EDUCE</a>
  and
  <a href="http://ecoscope.ubc.ca/">ECOSCOPE</a></p>
  <p><a href="https://github.com/EDUCE-UBC">EDUCE GitHub</a></p>
  <p>info.educe@ubc.ca</p>
  </div>
</div>