158 lines
4.9 KiB
HTML
158 lines
4.9 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">
|
||
|
|
<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 :
|
||
|
|
<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 :
|
||
|
|
<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>
|
||
|
|
<a href="https://accessmedicine.mhmedical.com/"
|
||
|
|
title="AccessMedicine website">
|
||
|
|
<footer class="mc-es-item-footer">
|
||
|
|
AccessMedicine
|
||
|
|
</footer>
|
||
|
|
</a>
|
||
|
|
</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/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 :
|
||
|
|
<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 :
|
||
|
|
<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>
|
||
|
|
<a href="https://example.com"
|
||
|
|
title="Official service website">
|
||
|
|
<footer class="mc-es-item-footer">
|
||
|
|
Service website
|
||
|
|
</footer>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="mc-es-item">
|
||
|
|
<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="" 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>
|
||
|
|
<style>
|
||
|
|
.mc-es-main {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: space-evenly;
|
||
|
|
}
|
||
|
|
.mc-es-item {
|
||
|
|
flex-basis: 47%;
|
||
|
|
border: .2em solid grey;
|
||
|
|
padding: .5em;
|
||
|
|
}
|
||
|
|
.mc-es-item-logo {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.mc-es-item-footer {
|
||
|
|
text-align: center;
|
||
|
|
border: .2em solid grey;
|
||
|
|
background-color: grey;
|
||
|
|
font-weight: bold;
|
||
|
|
color: white;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</body>
|
||
|
|
</html>
|