html: create a page for the ebooks series
Co-Authored-by: iGor milhit <igor.milhit@unige.ch>
parent
40a621c999
commit
4d73f5cabd
GPG Key ID:
692D97C3D0228A99
|
|
@ -0,0 +1,172 @@
|
|||
<!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 :
|
||||
<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>
|
||||
</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 :
|
||||
<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>
|
||||
</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>
|
||||
<footer class="mc-es-item-footer">
|
||||
<a href=""
|
||||
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;
|
||||
}
|
||||
.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>
|
||||
Loading…
Reference in New Issue