Skip to content

Commit

Permalink
feat: changed 'didattica' sections colors (#70)
Browse files Browse the repository at this point in the history 
* Update scuole-didattica.html

* Update scuole-didattica.html

Le sezioni della pagina hanno ora le seguenti classi di sfondo:
1. la nostra offerta formativa --> bg-bluelectric
2. esplora le risorse --> bg-white
3. i progetti delle classi --> bg-linear-vertical-blue-light
4. le schede didattiche --> bg-light

* Update scuole-didattica.html

Cambiato lo sfondo della sezione progetti a gray-light
  • Loading branch information
@rcoopcsc
rcoopcsc authored Jan 4, 2024
1 parent ff1e05d commit 2d474c7
Showing 1 changed file with 34 additions and 36 deletions.
70 changes: 34 additions & 36 deletions src/scuole-didattica.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,6 @@
<link rel="stylesheet" href="assets/css/scuole.css">

<script src="assets/js/modernizr.custom.js"></script>

</head>

<body>
Expand Down Expand Up @@ -990,7 +989,7 @@ <h3>Personale scolastico</h3>



<main id="main-container" class="main-container bluelectric">
<main id="main-container" class="main-container">

<section class="section py-2 bg-white d-none d-sm-block">
<div class="container">
Expand Down Expand Up @@ -1107,7 +1106,7 @@ <h2 class="text-large mb-4 pr-4">Esplora le risorse didattiche dell'Istituto</h2
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-books"></use>
</svg>
<div class="card-icon-content d-flex justify-content-center">
<p class="mb-0"><strong>Progetti</strong></p>
<p class="mb-0"><strong>I progetti delle classi</strong></p>
</div><!-- /card-icon-content -->
</div><!-- /card-body -->
</a>
Expand All @@ -1121,7 +1120,7 @@ <h2 class="text-large mb-4 pr-4">Esplora le risorse didattiche dell'Istituto</h2
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-timetable"></use>
</svg>
<div class="card-icon-content d-flex justify-content-center">
<p class="mb-0"><strong>Schede didattiche</strong></p>
<p class="mb-0"><strong>Le schede didattiche</strong></p>
</div><!-- /card-icon-content -->
</div><!-- /card-body -->
</a>
Expand All @@ -1133,13 +1132,12 @@ <h2 class="text-large mb-4 pr-4">Esplora le risorse didattiche dell'Istituto</h2
</div><!-- /container -->
</section><!-- /section -->

<section class="section bg-white">
<section class="section bg-linear-vertical-blue-light">
<section class="section bg-gray-light">
<div class="container py-5">
<div class="row variable-gutters">
<div class="row variable-gutters">
<div class="col">
<div class="section-title text-center mb-4">
<h2>I Progetti</h2>
<div class="section-title mb-4">
<h2>I progetti delle classi</h2>
<p class="mb-4">Scopri i progetti dell'Istituto Federigo Enriques</p>
<!-- <div class="clearfix">
<a class="btn btn-bluelectric" style="min-width: 200px;" href="#">Scopri</a>
Expand All @@ -1148,12 +1146,12 @@ <h2>I Progetti</h2>
</div><!-- /col -->
</div><!-- /row -->
</div><!-- /container -->
</section>


<div class="container position-relative slided-top">
<div class="row variable-gutters pb-5">
<div class="col-lg-4">
<div class="card card-bg bg-blue-light card-thumb-rounded mb-3 h-100">
<div class="card card-bg bg-white card-thumb-rounded mb-3 h-100">
<div class="card-body pb-0">
<div class="card-content">
<a class="project-card-title" href="#">
Expand Down Expand Up @@ -1184,7 +1182,7 @@ <h3>Titolo del progetto</h3>
</div><!-- /card -->
</div><!-- /col-lg-4 -->
<div class="col-lg-4">
<div class="card card-bg bg-blue-light card-thumb-rounded mb-3 h-100">
<div class="card card-bg bg-white card-thumb-rounded mb-3 h-100">
<div class="card-body pb-0">
<div class="card-content">
<a class="project-card-title" href="#">
Expand All @@ -1211,7 +1209,7 @@ <h3 class="mb-3">Titolo del progetto più lungo</h3>
</div><!-- /card -->
</div><!-- /col-lg-4 -->
<div class="col-lg-4">
<div class="card card-bg bg-blue-light card-thumb-rounded mb-3 h-100">
<div class="card card-bg bg-white card-thumb-rounded mb-3 h-100">
<div class="card-body pb-0">
<div class="card-content">
<a class="project-card-title" href="#">
Expand All @@ -1236,95 +1234,95 @@ <h3 class="mb-3">Titolo del progetto</h3>
</div><!-- /row -->
</div><!-- /row -->
<div class="pb-5 text-center">
<a class="text-underline" href="#"><strong>Vedi tutti i progetti</strong></a>
<a class="text-underline text-dark" href="#"><strong>Vedi tutti i progetti</strong></a>
</div>
</div><!-- /container -->
</section>

<section class="section bg-bluelectricdark py-5">
<section class="section bg-light py-5">
<div class="container">
<div class="row variable-gutters">
<div class="col">
<div class="section-title mb-5">
<h3>Schede didattiche</h3>
<h2>Le schede didattiche</h2>
</div>

<!-- CAROSELLO SPLIDE-->
<div class="splide splide-double mb-5" data-bs-carousel-splide>
<div class="splide__track">
<ul class="splide__list">
<!-- Prima immagine -->
<li class="splide__slide">
<li class="splide__slide bg-white">
<div class="item">
<div class="card card-horizontal">
<div class="card card-bg card-horizontal p-2">
<div class="card-thumb rounded">
<a aria-label="approfondisci l'argomento" href="#"><img
src="assets/placeholders/placeholder-380x480.jpg" alt=""></a>
</div><!-- /card-thumb -->
<div class="card-body">
<div class="clearfix mb-3">
<a class="btn btn-xs btn-rounded btn-outline-white" href="#">Storia</a>
<a class="badge badge-sm badge-pill badge-outline-bluelectric" href="#">Storia</a>
</div>
<small class="card-date">25 Settembre 2022</small>
<h3><a href="#">Le tecnologie della Prima Guerra Mondiale</a></h3>
<ul class="list-icon">
<li class="icon-duration">30:00 min</li>
<li class="icon-comments">12</li>
</ul>
<div class="card-author">
<p>da <a href="#">Franco Giani</a></p>
<div class="card-author text-dark">
<p class="text-dark">da <a href="#">Franco Giani</a></p>
<span>Professore</span>
</div><!-- /card-author -->
</div><!-- /card-body -->
</div><!-- /card -->
</div><!-- /item -->
</li>
<!-- Seconda immagine -->
<li class="splide__slide">
<li class="splide__slide bg-white">
<div class="item">
<div class="card card-horizontal">
<div class="card card-bg card-horizontal p-2">
<div class="card-thumb rounded">
<a aria-label="approfondisci l'argomento" href="#"><img
src="assets/placeholders/placeholder-380x480.jpg" alt=""></a>
</div><!-- /card-thumb -->
<div class="card-body">
<div class="clearfix mb-3">
<a class="btn btn-xs btn-rounded btn-outline-white" href="#">Storia</a>
<a class="badge badge-sm badge-pill badge-outline-bluelectric" href="#">Storia</a>
</div>
<small class="card-date">25 Settembre 2022</small>
<h3><a href="#">Le tecnologie della Prima Guerra Mondiale</a></h3>
<ul class="list-icon">
<li class="icon-duration">30:00 min</li>
<li class="icon-comments">12</li>
</ul>
<div class="card-author">
<p>da <a href="#">Franco Giani</a></p>
<div class="card-author text-dark">
<p class="text-dark">da <a href="#">Franco Giani</a></p>
<span>Professore</span>
</div><!-- /card-author -->
</div><!-- /card-body -->
</div><!-- /card -->
</div><!-- /item -->
</li>
<!-- Video -->
<li class="splide__slide">
<li class="splide__slide bg-white">
<div class="item">
<div class="card card-horizontal">
<div class="card card-bg card-horizontal p-2">
<div class="card-thumb rounded">
<a aria-label="approfondisci l'argomento" href="#"><img
src="assets/placeholders/placeholder-380x480.jpg" alt=""></a>
</div><!-- /card-thumb -->
<div class="card-body">
<div class="clearfix mb-3">
<a class="btn btn-xs btn-rounded btn-outline-white" href="#">Storia</a>
<a class="badge badge-sm badge-pill badge-outline-bluelectric" href="#">Storia</a>
</div>
<small class="card-date">25 Settembre 2022</small>
<h3><a href="#">Le tecnologie della Prima Guerra Mondiale</a></h3>
<ul class="list-icon">
<li class="icon-duration">30:00 min</li>
<li class="icon-comments">12</li>
</ul>
<div class="card-author">
<p>da <a href="#">Franco Giani</a></p>
<div class="card-author text-dark">
<p class="text-dark">da <a href="#">Franco Giani</a></p>
<span>Professore</span>
</div><!-- /card-author -->
</div><!-- /card-body -->
Expand All @@ -1334,23 +1332,23 @@ <h3><a href="#">Le tecnologie della Prima Guerra Mondiale</a></h3>
<!-- Quarta immagine -->
<li class="splide__slide">
<div class="item">
<div class="card card-horizontal">
<div class="card card-bg card-horizontal p-2">
<div class="card-thumb rounded">
<a aria-label="approfondisci l'argomento" href="#"><img
src="assets/placeholders/placeholder-380x480.jpg" alt=""></a>
</div><!-- /card-thumb -->
<div class="card-body">
<div class="clearfix mb-3">
<a class="btn btn-xs btn-rounded btn-outline-white" href="#">Storia</a>
<a class="badge badge-sm badge-pill badge-outline-bluelectric" href="#">Storia</a>
</div>
<small class="card-date">25 Settembre 2022</small>
<h3><a href="#">Le tecnologie della Prima Guerra Mondiale</a></h3>
<ul class="list-icon">
<li class="icon-duration">30:00 min</li>
<li class="icon-comments">12</li>
</ul>
<div class="card-author">
<p>da <a href="#">Franco Giani</a></p>
<div class="card-author text-dark">
<p class="text-dark">da <a href="#">Franco Giani</a></p>
<span>Professore</span>
</div><!-- /card-author -->
</div><!-- /card-body -->
Expand Down Expand Up @@ -1538,4 +1536,4 @@ <h2 class="h3">Novità</h2>

</body>

</html>
</html>

0 comments on commit 2d474c7

Please sign in to comment.