reorganisation globale de la strucutue du html
This commit is contained in:
hugogogo
1
docs/Documents sites/.~lock.Onglet LITTERall 26.odt#
Normal file
1
docs/Documents sites/.~lock.Onglet LITTERall 26.odt#
Normal file
@@ -0,0 +1 @@
|
||||
,simplonco,simplonco-Latitude-E6320,25.02.2021 11:53,file:///home/simplonco/.config/libreoffice/4;
|
||||
|
Before Width: | Height: | Size: 220 KiB After Width: | Height: | Size: 220 KiB |
@@ -4,43 +4,44 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>kosmopolit</title>
|
||||
<base href="../" />
|
||||
<base href="../"/>
|
||||
<meta name="description" content="description du site web">
|
||||
<meta name="keywords" content="truc, bidule, chouette">
|
||||
<link href="./styles/style.css" type="text/css" rel="stylesheet">
|
||||
<style>
|
||||
main {
|
||||
margin-left: 20px;
|
||||
}
|
||||
</style>
|
||||
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- main
|
||||
ne doit pas contenir : sidebars <aside> - navbar <nav> - search form
|
||||
ne doit pas etre contenu par : <article> - <aside> - <footer> - <header> - <nav>
|
||||
-->
|
||||
<main class="vertical">
|
||||
<!-- article
|
||||
<nav>
|
||||
</nav>
|
||||
<div class="page_title">
|
||||
<h1 class="center" id="anchor_litterall">LITTER<i>all</i></h1>
|
||||
</div>
|
||||
<div class="page_path">
|
||||
<p>liens</p>
|
||||
</div>
|
||||
<div class="container_main">
|
||||
<aside class="page_content">
|
||||
<h2>litterall</h2>
|
||||
</aside>
|
||||
<!-- main
|
||||
ne doit pas contenir : sidebars <aside> - navbar <nav> - search form
|
||||
ne doit pas etre contenu par : <article> - <aside> - <footer> - <header> - <nav>
|
||||
-->
|
||||
<article class="vertical">
|
||||
<h1>
|
||||
texte de presentation
|
||||
</h1>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultrices massa eu efficitur luctus. Praesent sit amet augue interdum, laoreet magna sit amet, dignissim eros. Sed nec enim condimentum, condimentum nunc sed, congue elit. Nullam tellus lorem, faucibus vitae eros in, ultricies luctus ligula. Aenean tristique, ante sed dictum faucibus, risus nisl pretium quam, quis consequat ipsum risus a lacus. Integer pulvinar, ex nec lacinia vulputate, est elit dictum risus, sit amet sollicitudin metus turpis nec odio. Morbi orci felis, sollicitudin eu enim id, sollicitudin viverra dolor. Ut vestibulum quis mauris vitae faucibus. Suspendisse ultricies diam est, sit amet tempor est tristique ac. Ut at posuere magna. Fusce ut bibendum elit. Pellentesque vulputate, leo ac bibendum suscipit, quam magna consectetur odio, hendrerit convallis elit eros ac leo. Suspendisse interdum libero id mi molestie sollicitudin. Praesent auctor quis lorem non cursus. Nullam sit amet semper turpis. Maecenas sed hendrerit erat.
|
||||
</p>
|
||||
<p>
|
||||
Vestibulum ultricies nisl in elit pulvinar, ac dignissim libero finibus. Aenean bibendum venenatis augue, quis convallis metus facilisis at. Suspendisse risus mi, bibendum eget urna vel, consectetur rutrum purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin tincidunt mollis ante eget iaculis. Donec a finibus nisl, at hendrerit diam. Phasellus eget magna et nisi feugiat bibendum. Donec pretium nisi sit amet lorem volutpat venenatis.
|
||||
</p>
|
||||
<div class="image_container">
|
||||
<img id="dernier_numero" src="./docs/revues/litt23.jpg" alt="revue litterall">
|
||||
<main>
|
||||
<p class="right"><i>“Il est difficile à des étrangers comme nous de pénétrer l’ultime secret des vers d’une autre langue. Ce n’est pas à nous d’en juger, nous n’aurons pas le dernier mot.”</i><br><small>Ossip Mandelstam, Entretiens sur Dante</small><br><small>traduction Louis Martinez</small></p>
|
||||
<br><br>
|
||||
<p>Cette revue publie une fois par an un choix de textes germanophones, inédits en traduction française.</p>
|
||||
<p>Poésie, essai, récit, nouvelle, discours, extrait de roman – nous mettons en avant des voix singulières de la littérature et des formes créatives.</p>
|
||||
<p>Fondée en 1989 par Les Amis du Roi des Aulnes et poursuivie depuis 2020 par KOSMOPOLIT, la revue peut prendre un tour thématique ou bien suivre sa propre voie, dans un souci de composition d’ensemble.</p>
|
||||
<div class="image full">
|
||||
<img src="./docs/revues/bibliotheque_litterall.jpg" alt="bibliotheque litterall">
|
||||
<p class="right"><small>credit: Jeffrey Trehudic</small></p>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<p>_______________________________________________________________</p>
|
||||
<br>
|
||||
|
||||
<div class="gallery frame" id="tous_numeros">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt23.jpg" alt="revue litterall">
|
||||
</div>
|
||||
|
||||
<div class="gallery">
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
@@ -82,663 +83,11 @@
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<p>_______________________________________________________________</p>
|
||||
<br>
|
||||
|
||||
<div class="gallery frame" id="tous_numeros">
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt21.jpg" alt="revue litterall">
|
||||
<p>fefijl fe sdj dazdjljlf sf fvd;ijsg; feikeqzd f;femsokmkqzd dkqlklmokqz</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
|
||||
<p>fefijl fe sdj dazdjljlf sf fvd;ijsg; feikeqzd f;femsokmkqzd dkqlklmokqz</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt17.jpg" alt="revue litterall">
|
||||
<p>fk gr sd erzg qre qgrse qf shttr qsr hg ef fr hrq</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt17.jpg" alt="revue litterall">
|
||||
<p>fk gr sd erzg qre qgrse qf shttr qsr hg ef fr hrq</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/lion.jpg" alt="lion">
|
||||
<p>fk gr sd erzg qre qgrse qf shttr qsr hg ef fr hrq</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt21.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt20.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
</main>
|
||||
<aside class="relative_content">
|
||||
<div>
|
||||
<h2></h2>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<p>_______________________________________________________________</p>
|
||||
<br>
|
||||
|
||||
<div class="gallery" id="tous_numeros">
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt21.jpg" alt="revue litterall">
|
||||
<p>fefijl fe sdj dazdjljlf sf fvd;ijsg; feikeqzd f;femsokmkqzd dkqlklmokqz</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
|
||||
<p>fefijl fe sdj dazdjljlf sf fvd;ijsg; feikeqzd f;femsokmkqzd dkqlklmokqz</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt17.jpg" alt="revue litterall">
|
||||
<p>fk gr sd erzg qre qgrse qf shttr qsr hg ef fr hrq</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt17.jpg" alt="revue litterall">
|
||||
<p>fk gr sd erzg qre qgrse qf shttr qsr hg ef fr hrq</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/lion.jpg" alt="lion">
|
||||
<p>fk gr sd erzg qre qgrse qf shttr qsr hg ef fr hrq</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt21.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt20.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<p>_______________________________________________________________</p>
|
||||
<br>
|
||||
|
||||
<div class="galery frame" id="tous_numeros">
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
</div>
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt21.jpg" alt="revue litterall">
|
||||
</div>
|
||||
<p>fefijl fe sdj dazdjljlf sf fvd;ijsg; feikeqzd f;femsokmkqzd dkqlklmokqz</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
|
||||
</div>
|
||||
<p>fefijl fe sdj dazdjljlf sf fvd;ijsg; feikeqzd f;femsokmkqzd dkqlklmokqz</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt17.jpg" alt="revue litterall">
|
||||
</div>
|
||||
<p>fk gr sd erzg qre qgrse qf shttr qsr hg ef fr hrq</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
|
||||
</div>
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt17.jpg" alt="revue litterall">
|
||||
</div>
|
||||
<p>fk gr sd erzg qre qgrse qf shttr qsr hg ef fr hrq</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/lion.jpg" alt="lion">
|
||||
</div>
|
||||
<p>fk gr sd erzg qre qgrse qf shttr qsr hg ef fr hrq</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt21.jpg" alt="revue litterall">
|
||||
</div>
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt20.jpg" alt="revue litterall">
|
||||
</div>
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image">
|
||||
<img src="./docs/revues/litt19.jpg" alt="revue litterall">
|
||||
</div>
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<p>_______________________________________________________________</p>
|
||||
<br>
|
||||
|
||||
<div class="galery framme" id="tous_numeros">
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="./docs/revues/litt22.jpg" alt="revue litterall">
|
||||
<p>tesxt dedz alijd alid eelifjlizijd zadzdlijea adedn deoa</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>_images horizontal stretch_____________________________________________</p>
|
||||
|
||||
<div class="galery">
|
||||
<div class="card">
|
||||
<img src="https://media.mercola.com/ImageServer/Public/2010/July/Thumbnail/727fish-thmb.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://4.bp.blogspot.com/_0Js4q23LxSc/S9z_EhlbSuI/AAAAAAAABE0/frTJgUQiewg/w1200-h630-p-k-no-nu/banggai+cardinalfish.png">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/koi-fish.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://r.ddmcdn.com/s_f/o_1/cx_87/cy_0/cw_450/ch_450/w_162/APL/uploads/2014/06/10-aquarium-fish-for-every-budget-pictures1.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/killifish.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://aquariumfish.net/images_01/scat_silver_110217b3_w0090.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://sites.google.com/site/muranozoo/_/rsrc/1371868925930/fish-invertebrates/fish-invertebrates-2/FormiaMarlin.jpg?height=200&width=148">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://aquariumfish.net/images_01/blue_leopard_angelfish_151204a2_w0090.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/cat-fish.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://www.webindia123.com/pets/fish/bett.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://www.aboutfishonline.com/images/anemonefish2.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<img src="https://www.webindia123.com/pets/fish/neon.jpg">
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>_images horizontal extra space_________________________________________</p>
|
||||
|
||||
<div class="galery space">
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://media.mercola.com/ImageServer/Public/2010/July/Thumbnail/727fish-thmb.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://4.bp.blogspot.com/_0Js4q23LxSc/S9z_EhlbSuI/AAAAAAAABE0/frTJgUQiewg/w1200-h630-p-k-no-nu/banggai+cardinalfish.png">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/koi-fish.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://r.ddmcdn.com/s_f/o_1/cx_87/cy_0/cw_450/ch_450/w_162/APL/uploads/2014/06/10-aquarium-fish-for-every-budget-pictures1.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/killifish.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://aquariumfish.net/images_01/scat_silver_110217b3_w0090.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://sites.google.com/site/muranozoo/_/rsrc/1371868925930/fish-invertebrates/fish-invertebrates-2/FormiaMarlin.jpg?height=200&width=148">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://aquariumfish.net/images_01/blue_leopard_angelfish_151204a2_w0090.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/cat-fish.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://www.webindia123.com/pets/fish/bett.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://www.aboutfishonline.com/images/anemonefish2.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<img src="https://www.webindia123.com/pets/fish/neon.jpg">
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>_images horizontaly cut________________________________________________</p>
|
||||
|
||||
<div class="galery cut">
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://media.mercola.com/ImageServer/Public/2010/July/Thumbnail/727fish-thmb.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://4.bp.blogspot.com/_0Js4q23LxSc/S9z_EhlbSuI/AAAAAAAABE0/frTJgUQiewg/w1200-h630-p-k-no-nu/banggai+cardinalfish.png">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/koi-fish.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://r.ddmcdn.com/s_f/o_1/cx_87/cy_0/cw_450/ch_450/w_162/APL/uploads/2014/06/10-aquarium-fish-for-every-budget-pictures1.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/killifish.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://aquariumfish.net/images_01/scat_silver_110217b3_w0090.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://sites.google.com/site/muranozoo/_/rsrc/1371868925930/fish-invertebrates/fish-invertebrates-2/FormiaMarlin.jpg?height=200&width=148">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://aquariumfish.net/images_01/blue_leopard_angelfish_151204a2_w0090.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/cat-fish.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.webindia123.com/pets/fish/bett.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.aboutfishonline.com/images/anemonefish2.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.webindia123.com/pets/fish/neon.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>_images horizontaly cut with minimum width_____________________________</p>
|
||||
|
||||
<div class="galery cut minwidth">
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://media.mercola.com/ImageServer/Public/2010/July/Thumbnail/727fish-thmb.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://4.bp.blogspot.com/_0Js4q23LxSc/S9z_EhlbSuI/AAAAAAAABE0/frTJgUQiewg/w1200-h630-p-k-no-nu/banggai+cardinalfish.png">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/koi-fish.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://r.ddmcdn.com/s_f/o_1/cx_87/cy_0/cw_450/ch_450/w_162/APL/uploads/2014/06/10-aquarium-fish-for-every-budget-pictures1.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/killifish.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://aquariumfish.net/images_01/scat_silver_110217b3_w0090.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://sites.google.com/site/muranozoo/_/rsrc/1371868925930/fish-invertebrates/fish-invertebrates-2/FormiaMarlin.jpg?height=200&width=148">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://aquariumfish.net/images_01/blue_leopard_angelfish_151204a2_w0090.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.liveanimalslist.com/fish/images/cat-fish.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.webindia123.com/pets/fish/bett.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://rolfingunshelved.files.wordpress.com/2014/06/a-game-of-thrones-book-cover.jpeg?w=98&h=150">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.aboutfishonline.com/images/anemonefish2.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="image_background">
|
||||
<div class="image">
|
||||
<img src="https://www.webindia123.com/pets/fish/neon.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<p>Lorem ipsum dolor sit amet</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</article>
|
||||
</main>
|
||||
</aside>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user