modelec/modelec.club
1
0
Fork 0
mirror of https://github.com/modelec/modelec.club.git synced 2026-01-18 16:37:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

Base (exemple code)

Browse Source
This commit is contained in:
Félix MARQUET
2024-09-01 12:11:02 +02:00
parent 45b11df773
commit a2c0fc2911
3 changed files with 89 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/modelec-logo-full.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

57
index.html Normal file
View File

@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title> Oui....Stiti </title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="content">
<nav id="header">
<img src="assets/modelec-logo-full.png" alt="Logo Modelec">
<hr>
</nav>
<div id="card-div">
<div class="card">
<h1 class="card-title">Title</h1>
<p class="card-text">
Logoden biniou degemer mat an penn, ar bed kozh prad. Erc’h c’helenner blot yaouankiz Tregastell puñs, aod derc’hel bloaz geniterv. Tach yar fiziañs meud teod Sun, nor ur an genver. Waz honnont oas tann roc’h koll, beaj ganeoc’h c’hwec’h uhelder. Anezhi poultrenn merc’her an chaseal milin, c’hwec’h gwele pegeit e. Pevarzek drezo c’hwec’h vourc’h, sailh milin kaout Sarzhav, gwazh pad. Mintin degouezhout Pempoull flamm kambrig forzh, armel ar mervel wirionez. Evidoc’h kelenner Planvour tagañ deiz Plelann-Vihan, kreiz war skañv Santeg. Du gwinegr kenañ dlead ha a, gantañ askell harp geot. Dimeziñ bolz ar digor liorzh kazetenn, eeun ruilhañ droug bann.
</p>
</div>
<div class="card-large">
<h1 class="card-title">Title</h1>
<p class="card-text">
Logoden biniou degemer mat an penn, ar bed kozh prad. Erc’h c’helenner blot yaouankiz Tregastell puñs, aod derc’hel bloaz geniterv. Tach yar fiziañs meud teod Sun, nor ur an genver. Waz honnont oas tann roc’h koll, beaj ganeoc’h c’hwec’h uhelder. Anezhi poultrenn merc’her an chaseal milin, c’hwec’h gwele pegeit e. Pevarzek drezo c’hwec’h vourc’h, sailh milin kaout Sarzhav, gwazh pad. Mintin degouezhout Pempoull flamm kambrig forzh, armel ar mervel wirionez. Evidoc’h kelenner Planvour tagañ deiz Plelann-Vihan, kreiz war skañv Santeg. Du gwinegr kenañ dlead ha a, gantañ askell harp geot. Dimeziñ bolz ar digor liorzh kazetenn, eeun ruilhañ droug bann.
</p>
</div>
<div class="card">
<h1 class="card-title">Title</h1>
<p class="card-text">
Logoden biniou degemer mat an penn, ar bed kozh prad. Erc’h c’helenner blot yaouankiz Tregastell puñs, aod derc’hel bloaz geniterv. Tach yar fiziañs meud teod Sun, nor ur an genver. Waz honnont oas tann roc’h koll, beaj ganeoc’h c’hwec’h uhelder. Anezhi poultrenn merc’her an chaseal milin, c’hwec’h gwele pegeit e. Pevarzek drezo c’hwec’h vourc’h, sailh milin kaout Sarzhav, gwazh pad. Mintin degouezhout Pempoull flamm kambrig forzh, armel ar mervel wirionez. Evidoc’h kelenner Planvour tagañ deiz Plelann-Vihan, kreiz war skañv Santeg. Du gwinegr kenañ dlead ha a, gantañ askell harp geot. Dimeziñ bolz ar digor liorzh kazetenn, eeun ruilhañ droug bann.
</p>
</div>
<div class="card">
<h1 class="card-title">Title</h1>
<p class="card-text">
Logoden biniou degemer mat an penn, ar bed kozh prad. Erc’h c’helenner blot yaouankiz Tregastell puñs, aod derc’hel bloaz geniterv. Tach yar fiziañs meud teod Sun, nor ur an genver. Waz honnont oas tann roc’h koll, beaj ganeoc’h c’hwec’h uhelder. Anezhi poultrenn merc’her an chaseal milin, c’hwec’h gwele pegeit e. Pevarzek drezo c’hwec’h vourc’h, sailh milin kaout Sarzhav, gwazh pad. Mintin degouezhout Pempoull flamm kambrig forzh, armel ar mervel wirionez. Evidoc’h kelenner Planvour tagañ deiz Plelann-Vihan, kreiz war skañv Santeg. Du gwinegr kenañ dlead ha a, gantañ askell harp geot. Dimeziñ bolz ar digor liorzh kazetenn, eeun ruilhañ droug bann.
</p>
</div>
<div class="card">
<h1 class="card-title">Title</h1>
<p class="card-text">
Logoden biniou degemer mat an penn, ar bed kozh prad. Erc’h c’helenner blot yaouankiz Tregastell puñs, aod derc’hel bloaz geniterv. Tach yar fiziañs meud teod Sun, nor ur an genver. Waz honnont oas tann roc’h koll, beaj ganeoc’h c’hwec’h uhelder. Anezhi poultrenn merc’her an chaseal milin, c’hwec’h gwele pegeit e. Pevarzek drezo c’hwec’h vourc’h, sailh milin kaout Sarzhav, gwazh pad. Mintin degouezhout Pempoull flamm kambrig forzh, armel ar mervel wirionez. Evidoc’h kelenner Planvour tagañ deiz Plelann-Vihan, kreiz war skañv Santeg. Du gwinegr kenañ dlead ha a, gantañ askell harp geot. Dimeziñ bolz ar digor liorzh kazetenn, eeun ruilhañ droug bann.
</p>
</div>
<div class="card">
<h1 class="card-title">Title</h1>
<p class="card-text">
Logoden biniou degemer mat an penn, ar bed kozh prad. Erc’h c’helenner blot yaouankiz Tregastell puñs, aod derc’hel bloaz geniterv. Tach yar fiziañs meud teod Sun, nor ur an genver. Waz honnont oas tann roc’h koll, beaj ganeoc’h c’hwec’h uhelder. Anezhi poultrenn merc’her an chaseal milin, c’hwec’h gwele pegeit e. Pevarzek drezo c’hwec’h vourc’h, sailh milin kaout Sarzhav, gwazh pad. Mintin degouezhout Pempoull flamm kambrig forzh, armel ar mervel wirionez. Evidoc’h kelenner Planvour tagañ deiz Plelann-Vihan, kreiz war skañv Santeg. Du gwinegr kenañ dlead ha a, gantañ askell harp geot. Dimeziñ bolz ar digor liorzh kazetenn, eeun ruilhañ droug bann.
</p>
</div>
</div>
</div>
</body>
</html>

32
style.css Normal file
View File

@@ -0,0 +1,32 @@
.card{
margin: 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
background-color: #F6F6F6;
width: 25%;
overflow: hidden;
height: 12.5%;
}
.card-large{
margin: 10px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
background-color: #F6F6F6;
width: 25%;
height: 500px;
}
#card-div{
display: flex;
justify-content: space-between;
align-items: center;
width: 80vw;
margin: 0 auto;
flex-wrap: wrap;
flex-direction: row;
}