Informations
- Présidente :
- Staarmoon
- Activité :
- 0 connectée(s)
- 50 membres
- 668 messages postés
- Date de création :
- le 01/07/2012 à 18:47
Présentation

La chanson black? Rock Shooter est une composition de ryo inspirée par les œuvres d'art de Huke, qui sont tous deux membres de la bande Supercell . Il est exécuté par Vocaloid Hatsune Miku et a fait ses débuts dans Nico Nico Douga. La chanson a été utilisée plus tard comme la chanson thème d'ouverture de la série animée basée sur le Shooter ? Black Rock concept. La chanson Black?Rock Shooter raconte le désespoir du narrateur car il erre, la recherche de quelque chose d'important pour lui qu'il a vraisemblablement perdu. Finalement, le narrateur gagne un nouvel espoir et décide d'avancer avec courage dans l'avenir.
liens:
http://www.youtube.com/watch?v=YkOWPpSI1D0&feature=related
http://www.youtube.com/watch?v=CedX69LrM44
Personnages du film:
Black Rock Shooter
Voix VO : Kana Hanazawa
Hormis son nom, on ne sait que peu de choses de Black Rock Shooter. Elle combat armée d'un canon de pierre noir et se trouve dans une dimension parallèle à celle de Mato et ses amies.
Mato Kuroi Voix VO : Kana Hanazawa
Mato est une jeune fille d'une douzaine d'années qui aime pleinement la vie. Elle habite avec sa mère et sa sœur et étudie au collège où elle intègre également le club de basket . Contrairement à Yomi, Mato est extravertie, ce qui la conduit à se faire rapidement des amis. Age : 12 ans
Dead Master Voix VO : Miyuki Sawashiro
Ennemie de Black Rock Shooter, elle combat à l'aide d'une faux noire.
Yomi Takanashi Voix VO : Miyuki Sawashiro
Yomi est issue d'une famille aisée. Timide et introvertie, elle peine à s'ouvrir aux autres, c'est pourquoi l'amitié qui la lie à Mato est d'une extrême importance pour elle.Age : 12 ans
Yu Voix VO : Kana Harada Yu est dans le même club de basket que Mato. Elle développe une très forte amitié avec cette dernière lors de la seconde année de collège où elles se retrouvent dans la même classe.













Carte de membre:
PS: Sortie du manga BRS en france le 15 mai
Nouvelles membres
Discussions
html {
font-family: 'Raleway', sans-serif;
}
:root {
--color1: #0065FC;
--color2: #DEEBFF;
--color3: #F2F2F2;
}
body {
background-color: whitesmoke;
max-width: 992px;
margin: auto;
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0px;
margin-bottom: 0px;
}
p {
margin-top: 0px;
margin-bottom: 0px;
}
div#container1 {
background-color: #F2F2F2;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 0.2fr 6fr 1fr;
grid-template-areas:
"navBar"
"main"
"basDePage";
height: 100vh;
}
header.navBar{
background-color: turquoise;
}
div.headContainer {
background-color: red;
display: flex;
}
div.logo {
background-color: #F2F2F2;
display: flex;
/*object-fit: cover;
background-image: url("../images/logo/Booki.png");
background-size: contain;
background-repeat: no-repeat;*/
}
div.logo img{
width: 100%;
height: 100px;
}
div.hybrid {
background-color: #F2F2F2;
flex-grow: 2;
}
div.hebergementBar {
background-color: grey;
display: flex;
}
div.hebergementBar a {
color: black;
text-decoration:none;
margin-right: 20px;
padding-top: 40px;
border-top: 3px solid transparent;
}
div.hebergementBar a:hover {
color: #0065FC;
border-top: 3px solid blue;
}
main#container2 {
background-color: purple;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 0.5fr 3fr;
grid-template-areas:
"section"
"articles";
grid-area: main;
}
section#filtersContainer {
background-color: #F2F2F2;
grid-area: section;
}
div.rechercheBar {
background-color: #F2F2F2;
display: flex;
padding: 10px;
}
div.rechercheBarMobile {
display: none;
}
div.buttonLocalisationIcon {
background-color: lightgrey;
display: flex;
width: 7%;
height: 50px;
border-radius: 10px 0px 0px 10px;
align-items: center;
display: flex;
align-items: center;
justify-content: center;
}
input.searchBar{
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 20px;
border-top: 0.5px solid lightslategray;
border-bottom: 0.5px solid lightslategray;
}
div.buttonResearch {
width: 150px;
height: 50px;
background-color: #0065FC;
color: #DEEBFF;
border-radius: 0px 10px 10px 0px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
div.buttonResearch:hover {
background-color: #DEEBFF;
color: #0065FC;
border-radius: 10px;
}
div.filters {
background-color: #F2F2F2;
display: flex;
align-items: center;
}
div.filterRelou {
display: flex;
}
div.filter {
background-color: #F2F2F2;
display: flex;
border: 2px solid lightgrey;
justify-content: center;
align-items: center;
margin: 10px;
border-radius: 20px;
}
div.filterIcon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 25px;
height: 40px;
width: 40px;
background-color: lightskyblue;
color: #0065FC;
margin-left: -3px;
margin-top: -2px;
margin-bottom: -2px;
}
div.filterIcon:hover {
color: white;
}
div.headInformation {
background-color: #F2F2F2;
display: flex;
align-items: center;
}
div.infomationIcon {
display: flex;
align-items: center;
justify-content: center;
color: #0065FC;
width: 25px;
height: 25px;
border: 1px solid lightgray;
border-radius: 25px;
margin-right: 5px;
}
article#container3 {
background-color: lightgreen;
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: 1fr 1fr;
grid-template-areas:
"article1 article2"
"article3 article3";
grid-area: articles;
margin: 10px;
padding: 10px;
}
section.article1 {
background-color: gray;
grid-area: article1;
border-radius: 15px;
margin: 10px;
padding: 10px;
}
div.artcile1Part1 {
background-color: lightgray;
display: flex;
}
div.cardImgB3 {
background-color: pink;
}
div.cardImgB3 img {
height: 100px;
object-fit: cover;
}
div.cardTextB3 {
background-color: beige ;
}
div.starEvaluation {
display: flex;
}
div.starFullIcon {
display: flex;
height: 10px;
width: 10px;
color: #0065FC;
margin-right: 10px;
}
div.startEmptyIcon {
display: flex;
color: pink;
margin-right: 10px;
}
div.artcile1Part2 {
background-color: darkseagreen;
display: flex;
}
aside.article2 {
background-color: indianred;
grid-area: article2;
border-radius: 15px;
margin: 15px;
padding: 5px;
}
div.artcile2Title {
background-color: darksalmon;
display: flex;
justify-content: space-evenly;
padding: 3px;
}
div.cardsWithIcon {
background-color: blue;
display: flex;
justify-content: center;
margin: 8px;
padding: 8px;
border-radius: 20px;
}
div.cardDescripIcon {
background-color: coral;
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding: 3px;
border-radius: 10px;
}
section.article3 {
background-color: darkslateblue;
grid-area: article3;
}
div.article3cards {
background-color: black;
display: flex;
justify-content: space-around;
}
div.artcile3Part1 {
display: flex;
}
div.artcile3Part2 {
display: flex;
}
div.artcile3Relou {
background-color: wheat;
}
div.cards {
background-color: white;
margin: 8px;
padding: 5px;
border-radius: 10px;
}
div.cardImgB5 {
background-color: darkslategray;
}
div.cardTextB5 {
background-color: darkslateblue;
}
footer.basDePage {
background-color: gray;
grid-area: basDePage;
display: flex;
}
div.footInfo {
background-color: lightpink;
display: flex;
flex-direction: column;
flex: 1;
}
/*Format tablette*/
@media screen and (max-width: 992px) and (min-width: 769px) {
header.navBar {
background-color: lightpink;
}
div.article3cards {
flex-direction: column;
justify-content: center;
}
div.artcile3Part1 {
justify-content: center;
margin: 10px;
}
div.artcile3Part2 {
justify-content: center;
margin: 10px;
}
}
/*Format mobile*/
@media screen and (max-width: 768px) {
article#container3 {
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
grid-template-areas:
"article2"
"article1"
"article3";
}
div.navBar {
background-color: #DEEBFF;
}
div.headContainer {
background-color: aquamarine;
flex-direction: column;
}
div.logo {
background-color: darkorchid;
justify-content: center;
height: 150px;
/*background-image: url("../images/logo/Booki@3x.png");*/
}
div.hebergementBar {
display: flex;
justify-content: space-evenly;
flex-direction: row;
}
div.hebergementBar a {
border-top: none;
border-bottom: 3px solid transparent;
padding-bottom: 20px;
}
div.hebergementBar a:hover {
border-top: none;
border-bottom: 3px solid blue;
}
div.hybrid {
display: none;
}
div.filters {
align-items: none;
background-color: #DEEBFF;
display: flex;
flex-direction: column;
align-items: unset;
justify-content: unset;
align-items: unset;
}
div.rechercheBar {
display: none;
}
div.rechercheBarMobile {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 10px;
}
div.buttonMagnifyingGlass {
width: 10%;
height: 50px;
background-color: #0065FC;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 10px;
}
input.searchBarMobile{
width: 70%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border: none;
padding: 20px;
border-top: 0.5px solid lightslategray;
border-bottom: 0.5px solid lightslategray;
}
div.buttonMagnifyingGlass:hover {
height: 50px;
background-color: lightskyblue;
color: white;
border-radius: 10px;
}
div.filterRelou {
justify-content: unset;
}
div.filter {
justify-content: unset;
/*margin: auto;*/
}
section.article1 {
border-radius: 0px;
margin: 0px;
}
div.artcile1Part1 {
flex-direction: column;
}
div.artcile1Part2 {
flex-direction: column;
}
aside.article2 {
border-radius: 0px;
margin: 0px;
}
div.cardsWithIcon {
flex-direction: column;
}
div.article3cards {
flex-direction: column;
}
div.artcile3Part1 {
flex-direction: column;
}
div.artcile3Part2 {
flex-direction: column;
}
footer.basDePage {
flex-direction: column;
flex: 1;
}
div.footInfo {
margin: 20px;
}
}
[b][color=#9370DB]★[/b][b] Salutations ! [/b][b][color=#9370DB]★[/b]
J'ai fini l'événement de pâque 2021 hier, je viens donner mon avis qui est globalement très positif
Je vais tout de même commencer par le point qui m'a le plus embêté,[b] le spoil de la nature de notre gardienne (ou sa race faerie).[/b] Je suis actuellement à l'épisode 23 (que je n'ai pas fini) et cette information m'étais inconnu, il s'agit d'ailleurs d'un des mystères principaux de la saison 1.
Je pense notamment au jouer.euse.s qui serait revenu sur le jeu après le bonus de monnaie antique et qui n'aurait peut-être pas pu avancer dans la saison 1
[spoiler]Maintenant je sais que notre gardienne est une Daemon/Aangel[/spoiler]
[b][color=#9370DB]★[/b][b]★[/b][b][color=#9370DB]★[/b]
★ [b][color=#9370DB]tenue[/b] ★
J'aime beaucoup les combinaisons pyjama aux couleurs de familier ! Je suis d'ailleurs dég de ne pas avoir les maana suffisantes pour me prendre quelques variations de modèle et couleurs
Sinon elles sont toutes sympathique, dans le thème enfantin de l'événement. Mais personnellement aucune ne m'évoque pâque, surtout pas children nightmare
★ [b][color=#9370DB]Familier[/b] ★
Je ne suis pas fan de la peluche éléphant, mais j'aime beaucoup l'idée d'avoir un familier joué.
Elle reste mimi et dans le thème de cette saison de pâque.
[b]Mais la vraie star de l'évent c'est bébé purreko ![/b]
Je le trouve A.DO.RA.BLE. Je suis très heureuse d'avoir pu l'obtenir :3 Il est super chou et je trouve ça très original que pour la première fois nous pouvons élever autre chose qu'un familier !
Certaines n'aime pas le concept moi si ^w^
Je vais pas détailler plus mon avis sur la question mais dans tous les cas Eldarya reste un jeu fictif donc pourquoi pas xD
★ [b][color=#9370DB]Le jeu de l'évent, donc les exploration[/b] ★
Très agréablement surprise de voir autant d'anciennes tenus de retour ! Le marché va enfin pour proposer une belle catégorie d'articles niveau vêtements, et on va pouvoir se refaire notre-garde robe ! Je pense tout particulièrement au gardiennes qui sont revenus sur le jeu après le bonus de monnaie antique :/
★ [b][color=#9370DB]Le système de l'évent, donc les tickets[/b] ★
Personnellement le système de tickets doublon ne me gêne pas plus que ça, car j'ai pu finir l'évent.
Mais j'ai également utilisé plusieurs potions pour terminer celui-ci, donc peut-être qu'il n'est pas si facile à terminer pour tout le monde. Encore une fois je pense à toutes celles qui sont revenues sur le jeu après le monnaie antique.
[b]Est-il possible de finir l'évent avec un des familiers que Kero nous offre au début du jeu ? [/b] Et avec le nombre de potions que le jeu nous permet d'obtenir en début d'histoire. Vu que les premiers items d'explorations gagnables sont une petite et grande potion d'énergie il y a des chances pour que la réponses soit oui
Je pense qu'il serait tout de même de bon ton de rallonger cet événement pâque 2021 jusqu'à la fin de la semaine pour celles qui travaillent en semaines. Je trouve ça plus "propre" que l'évent se finissent en fin de semaine également ^^
Il est gémeaux, il doit sûrement s'adapter facilement aux autres et la communication ne doit pas être un problème pour lui, deux point fort pour une potentielle relation, surtout l'aspect la communication je trouve ! Son gémeaux est en maison 8, qui a pour signe maître le scorpion. Je ne suis pas sûre de comment interpréter ça, mais j'imagine que la maison représente les aspects où le signe ressort le plus ?
Dans ce cas-là se sera surtout dans l'intimité (physique ou non) que ses caractéristiques de gémeaux ressortiront le plus
Pour la lune, on a le taureau, je dirais que la stabilité et loyauté seront les qualités principales pour lui plaire. La maison dans laquelle se trouve la lune est la 6 si je vois bien, qui a pour signe maître la Vierge (travail, santé, organisation et routine).
Vu que son Vénus est en Lion, faut pas hésiter à beaucoup rire à ses blagues et lui donner de l'attention :joy: Ici la maison est en 9 qui a pour signe maître le Sagittaire (voyage, philosophie, études sup ou encore morale)
Désireuse de développer constamment mes compétences afin d'assurer mon évolution professionnelle, je suis confiante en ma capacité à proposer des idées intéressantes pour des campagnes publicitaires inoubliables.
Diplômée du baccalauréat, désireuse de développer constamment mes compétences afin d'assurer mon évolution professionnelle, je suis automne et capable de travail en équipe. Grande disponibilités.
The weak breeze whispers nothing
The water screams sublime
His feet shift, teeter-totter
Deep breath, stand back, it’s time
Toes untouch the overpass
Soon he’s water-bound
Eyes locked shut but peek to see
The view from halfway down
A little wind, a summer sun
A river rich and regal
A flood of fond endorphins
Brings a calm that knows no equal
You’re flying now
You see things much more clear
Than from the ground
It’s all okay, or it would be
Were you not now halfway down
Thrash to break from gravity
What now could slow the drop
All I’d give for toes to touch
The safety back at top
But this is it, the deed is done
Silence drowns the sound
Before I leaped I should’ve seen
The view from halfway down
I really should’ve thought about
The view from halfway down
I wish I could’ve known about
The view from halfway down
The fox gazed at the little prince, for a long time.
"Please--tame me!" he said.
[...]
So the little prince tamed the fox. And when the hour of his departure drew near--
"Ah," said the fox, "I shall cry."
"It is your own fault," said the little prince. "I never wished you any sort of harm; but you wanted me to tame you . . ."
"Yes, that is so," said the fox.
"But now you are going to cry!" said the little prince.
"Yes, that is so," said the fox.
"Then it has done you no good at all!"
"It has done me good," said the fox, "because of the color of the wheat fields."
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web app</title>
<!-- file normalize -->
<link rel="stylesheet" href="./css/normalize.css"/>
<link rel="stylesheet" href="./css/style.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="icon" href="Google__Logo.ico"/>
</head>
<body>
<div id="container1">
<header class="navBar">
<div class="headContainer">
<div class="logo">
<a href="#"><img src="./images/logo/Booki.png" alt="Logo booki"></a>
</div>
<div class="hybrid"></div>
<div class="hebergementBar">
<a href="#">Hebergment</a>
<a href="#">Activités</a>
</div>
</div>
</header>
<main id="container2">
<section id="filtersContainer">
<h1>Trouver votre hébergement pour des vacances de rêve</h1><p>En plain centre ville ou en pleine nature</p>
<div class="rechercheBar">
<div class="buttonLocalisationIcon">
<i class="fa-solid fa-location-dot"></i>
</div>
<input class ="searchBar" type="search" placeholder="Marseille, France">
<div class="buttonResearch">Rechercher</div>
</div>
<div class="rechercheBarMobile">
<div class="buttonLocalisationIcon">
<i class="fa-solid fa-location-dot"></i>
</div>
<input class ="searchBarMobile" type="search" placeholder="Marseille, France">
<div class="buttonMagnifyingGlass">
<i class="fa-solid fa-magnifying-glass"></i>
</div>
</div>
<div class="filters">
<h4>Filtres:</h4>
<div class="filterRelou">
<div class="filter">
<div class="filterIcon">
<i class="fa-solid fa-money-bill-wave"></i>
</div>
<p>Economique</p>
</div>
<div class="filter">
<div class="filterIcon"><i class="fa-solid fa-child-reaching"></i></div>
<p>Familial</p>
</div>
</div>
<div class="filter">
<div class="filterIcon"><i class="fa-solid fa-heart"></i></div>
<p>Romantique</p>
</div>
<div class="filter">
<div class="filterIcon"><i class="fa-solid fa-dog"></i></div>
<p>Animaux autorisés</p>
</div>
</div>
<div class="headInformation">
<div class="infomationIcon"><i class="fa-solid fa-info"></i></i></div>
<p>Plus de 500 logements sont disponible dans cette ville</p>
</div>
</section>
<article id="container3">
<section class="article1">
<p>Hébergement à Marseille</p>
<div class="artcile1Part1">
<div class="cards">
<div class="cardImgB3">
<img src="./images/hebergements/4_small/AubergelaCannebière.jpg" alt="Image of Auberge la Cannebière">
</div>
<div class="cardTextB3">
<h4>Auberge la Cannebière</h1>
<p>Nuit à partir de 25$</p>
<div class="starEvaluation">
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="startEmptyIcon">
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="cards">
<div class="cardImgB3"><p>PHOTO</p></div>
<div class="cardTextB3">
<h4>Hôtel du port</h1>
<p>Nuit à partir de 2$</p>
<div class="starEvaluation">
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
</div>
</div>
</div>
<div class="cards">
<div class="cardImgB3"><p>PHOTO</p></div>
<div class="cardTextB3">
<h4>Hôtel Les mouettes</h1>
<p>Nuit à partir de 76$</p>
<div class="starEvaluation">
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="startEmptyIcon">
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</div>
<div class="artcile1Part2">
<div class="cards">
<div class="cardImgB3"><p>PHOTO</p></div>
<div class="cardTextB3">
<h4>Hôtel de la mer</h1>
<p>Nuit à partir de 25$</p>
<div class="starEvaluation">
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="startEmptyIcon">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="cards">
<div class="cardImgB3"><p>PHOTO</p></div>
<div class="cardTextB3">
<h4>Auberge Le Panier</h1>
<p>Nuit à partir de 2$</p>
<div class="starEvaluation">
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="startEmptyIcon">
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="cards">
<div class="cardImgB3"><p>PHOTO</p></div>
<div class="cardTextB3">
<h4>Hôtel chez Amina</h1>
<p>Nuit à partir de 76$</p>
<div class="starEvaluation">
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
</div>
</div>
</div>
</div>
<p>Arfficher plus</p>
</section>
<aside class="article2">
<div class="artcile2Title">
<h4>Les plus populaires</h4>
<i class="fa-solid fa-star"></i>
</div>
<div class="cardsWithIcon">
<p>PHOTO</p>
<div class="cardDescripIcon">
<h4>Hôtel Le soleil du matin</h1>
<p>Nuit à partir de 128$</p>
<div class="starEvaluation">
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
</div>
</div>
</div>
<div class="cardsWithIcon">
<p>PHOTO</p>
<div class="cardDescripIcon">
<h4>Au coeur de l'eau Chambres d'hôtes</h1>
<p>Nuit à partir de 71$</p>
<div class="starEvaluation">
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="startEmptyIcon">
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
<div class="cardsWithIcon">
<p>PHOTO</p>
<div class="cardDescripIcon">
<h4>Hôtel Tout bleu et Blanc</h1>
<p>Nuit à partir de 68$</p>
<div class="starEvaluation">
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="starFullIcon"><i class="fa-solid fa-star"></i></div>
<div class="startEmptyIcon">
<i class="fa-solid fa-star"></i>
</div>
</div>
</div>
</div>
</aside>
<section class="article3">
<p>Activités à Marseille</p>
<div class="article3cards">
<div class="artcile3Part1">
<div class="cards">
<p>PHOTO</p>
<p>vieux Port</p>
</div>
<div class="artcile3Relou">
<div class="cards">
<div class="cardImgB5"><p>PHOTO</p></div>
<div class="cardTextB5"><p>Port de Pomègues</p></div>
</div>
<div class="cards">
<p>PHOTO</p>
<p>Iles du Frioul</p>
</div>
</div>
</div>
<div class="artcile3Part2">
<div class="cards">
<p>photo</p>
<p>Parc National des Calanques</p>
</div>
<div class="artcile3Relou">
<div class="cards">
<p>photo</p>
<p>Notre Dame de la garde</p>
</div>
<div class="cards">
<p>photo</p>
<p>Parc Longchap</p>
</div>
</div>
</div>
</div>
</section>
</article>
</main>
<footer class="basDePage">
<div class="footInfo">
<h4>A propos</h4>
<p>Fonctionnement du site</p>
<p>Conditions générales de vente</p>
<p>Données et confidentialité</p>
</div>
<div class="footInfo">
<h4>Nos hébergements</h4>
<p>Charte qualité</p>
<p>Soumettre votre hôtel</p>
</div>
<div class="footInfo">
<h4>Assistance</h4>
<p>Centre d'aide</p>
<p>Nous contacter</p>
</div>
</footer>
</div>
</body>
</html>