cmu-portail/ebooks-series.html

173 lines
5.4 KiB
HTML

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ebooks Series | MC Portal</title>
<meta name="description" content="Page description">
<meta property="og:title" content="Unique page title - My Site">
<meta property="og:description" content="Page description">
<meta property="og:image" content="https://www.mywebsite.com/image.jpg">
<meta property="og:image:alt" content="Image description">
<meta property="og:locale" content="en_GB">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:url" content="https://www.mywebsite.com/page">
<link rel="canonical" href="https://www.mywebsite.com/page">
<link rel="icon" href="/favicon.ico">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/my.webmanifest">
<meta name="theme-color" content="#FF00FF">
</head>
<body>
<!-- Content -->
<article class="mc-es-main">
<article class="mc-es-item">
<article>
<header class="mc-es-item-header">
<img class="mc-es-item-logo"
src="https://www.unige.ch/biblio/files/3216/7774/6836/AccessMedicine-logo.png"
alt="Logo d'AccessMedicine">
<h2 class="mc-es-item-title o-title--h2">
AccessMedicine
</h2>
</header>
<article class="mc-es-item-description">
AccessMedicine contient&nbsp;:
<ul>
<li>160 livres et <em>textbooks</em>,</li>
<li>sur toutes les disciplines de la médecine</li>
<li>en anglais,</li>
<li>consultables en ligne ou téléchargeables.</li>
</ul>
Sont également à disposition des&nbsp;:
<ul>
<li><em>Quick references.</em></li>
<li><em>Infographics.</em></li>
<li><em>Multimedia.</em></li>
<li><em>Cases.</em></li>
<li><em>Flash Cards.</em></li>
</ul>
</article>
</article>
<a href="https://accessmedicine.mhmedical.com/"
title="AccessMedicine website">
<footer class="mc-es-item-footer">
AccessMedicine
</footer>
</a>
</article>
<article class="mc-es-item new">
<article>
<header class="mc-es-item-header">
<img class="mc-es-item-logo"
src="https://www.unige.ch/biblio/files/5716/7775/2239/AccessNeurology_logo.png"
alt="Logo d'AccessNeurology">
<h2 class="mc-es-item-title o-title--h2">
AccessNeurology
</h2>
</header>
<article class="mc-es-item-description">
AccessNeurology contient&nbsp;:
<ul>
<li>25 livres et <em>textbooks</em>,</li>
<li>spécifiques à la neurologie</li>
<li>en anglais,</li>
<li>consultables en ligne ou téléchargeables.</li>
</ul>
Sont également à disposition des&nbsp;:
<ul>
<li><em>Quick references.</em></li>
<li><em>Infographics.</em></li>
<li><em>Multimedia.</em></li>
<li><em>Cases.</em></li>
<li><em>Flash Cards.</em></li>
</ul>
</article>
</article>
<a href="https://example.com"
title="AccessNeurology website">
<footer class="mc-es-item-footer">
AccessNeurology
</footer>
</a>
</article>
<article class="mc-es-item">
<article>
<header class="mc-es-item-header">
<img class="mc-es-item-logo" src="" alt="[service] logo">
<h2 class="mc-es-item-title o-title--h2">
Service name
</h2>
</header>
<article class="mc-es-item-description">
Service is an ebooks service very interesting and full of useful
textbooks.
</article>
<footer class="mc-es-item-footer">
<a href="https://example.com"
title="Official service website">
Service website
</a>
</footer>
</article>
<article class="mc-es-item">
<header class="mc-es-item-header">
<img class="mc-es-item-logo"
src="https://www.unige.ch/biblio/files/5716/7776/3825/karger-logo.png"
alt="Logo de Karger">
<h2 class="mc-es-item-title o-title--h2">
Karger Fast Facts
</h2>
</header>
<article class="mc-es-item-description">
Service is an ebooks service very interesting and full of useful
textbooks.
</article>
</article>
<a href="https://www.karger.com/fastfacts"
title="Karger Fast Facts website">
<footer class="mc-es-item-footer">
Karger Fast Facts
</footer>
</a>
</article>
</article>
<style>
.mc-es-main {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.mc-es-item {
flex-basis: 47%;
border: .2em solid grey;
}
.mc-es-item-header {
display: flex;
flex-direction: column;
}
.mc-es-item > article {
padding: .5em;
}
.mc-es-item-logo {
max-width: 90%;
margin: 0 auto;
}
.mc-es-item-footer {
text-align: center;
border: .2em solid grey;
background-color: grey;
font-weight: bold;
font-size: 150%;
color: white;
}
</style>
</body>
</html>