index.qmd

---
title: Doctoral Training in Collaborative Computational Modelling at the Interface (CCMI)

format:
  html:
    page-layout: full
    template-partials:
      - templates/partials/title-block.html
    anchor-sections: false

listing:
  - id: blog
    template: templates/partials/blog-section.ejs
    contents: blog/posts
  - id: key-facts__list
    template: templates/partials/key-facts-area.ejs
    contents: templates/key-facts.yml
  - id: current-events
    template: templates/partials/events-section.ejs
    contents: events/posts
    field-types:
        event_date: date


gallery-images:
    image1:
        image: static/ucl_quad.jpg
        text: CCMI is a collaboration between University College London and Imperial College London to offer a novel and innovative PhD training programme at the interface of computational modelling, data sciences, and research software engineering.
    image2:
        image: static/imperial.jpg
        text: Students will join world-class research groups across UCL and Imperial, and will benefit from a bespoke training programme around research software engineering and its applications in the computational and data sciences.


---

<div class="container-fluid px-0 column-page page-full" id="index-wrapper">

<div id="blog-events-wrapper">
<div id="blog">
</div>
<br>
<div id="current-events">
</div>
</div>

<br>


<section id="gallery">
<div id="introCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#introCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#introCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
</div>

<div class="carousel-inner">

<div class="carousel-item active">
![]({{< meta gallery-images.image1.image >}}){.d-block .w-100 group="intro-gallery" fig-alt="UCL Quad"}
<div class="carousel-caption d-none d-sm-block">
<p>{{< meta gallery-images.image1.text >}}</p>
</div>
</div>
<div class="carousel-item">
![]({{< meta gallery-images.image2.image >}}){.d-block .w-100 group="intro-gallery" fig-alt="Imperial College"}
<div class="carousel-caption d-none d-sm-block">
<p>{{< meta gallery-images.image2.text >}}</p>
</div>
</div>

</div>

<button class="carousel-control-prev" type="button" data-bs-target="#introCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#introCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon d-none d-sm-block" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>

</div>
</section>
</div>


<section id="key-facts" class="column-page page-full pt-3">
<h1 class="key-facts__heading display-1">KEY FACTS</h1>

<div id="key-facts__list">
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" id="section-wave"><path fill="#d9e3f1" fill-opacity="1" d="M0,96L48,112C96,128,192,160,288,192C384,224,480,256,576,245.3C672,235,768,181,864,176C960,171,1056,213,1152,240C1248,267,1344,277,1392,282.7L1440,288L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>
</section>



<section id="interest" class="column-page page-full">
<h1 class="d-flex justify-content-center display-1 fw-bolder">Interested?</h1>
<div class="d-flex flex-column justify-content-center align-items-center row-gap-4">
<a href="https://forms.office.com/e/i2jpkQu0Lm" type="button" class="btn btn-outline-info my-3 w-50" id="btn--signup">
<span class="display-6">Sign Up Now</span>
</a>
<div class="d-flex justify-content-evenly w-75">
<!-- <div>
<a type="button" class="btn btn-outline-light " id="btn-outline--custom">
Read About Our Research
</a>
</div>
<div>
<a type="button" class="btn btn-outline-light " id="btn-outline--custom">
Read About Our Software
</a></div>
</div> -->
</div>

</section>