Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@geekcrea
geekcrea committed Mar 27, 2024
1 parent d901899 commit 191a823
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 23 deletions.
12 changes: 5 additions & 7 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,12 +103,10 @@ li{
content: '';
position: absolute;
top: 0;

width: 0%;
height: 3px;
background-color: var(--principale);
transition: width 0.4s ease-in-out,

transition: width 0.4s ease-in-out;
}

.item-nav:hover a{
Expand Down Expand Up @@ -161,7 +159,7 @@ form{
width: 60px;
font-size: 22px;
border-radius: 20px 0 0 20px;
cursor:url(../images/logo/cursor.svg);
cursor:url(../images/logo/cursor.svg) 0 0, auto;
background-color: #F2F2F2;
}

Expand Down Expand Up @@ -189,7 +187,7 @@ form{
padding: 0 20px;
border: none;
border-radius: 0 20px 20px 0;
cursor:url(../images/logo/cursor.svg);
cursor:url(../images/logo/cursor.svg) 0 0, auto;
color: white;
background-color: var(--principale);
font-weight: bold;
Expand All @@ -202,7 +200,7 @@ form{
padding: 0 10px;
border-radius: 15px;
border: none;
cursor:url(../images/logo/cursor.svg);
cursor:url(../images/logo/cursor.svg) 0 0, auto;
color: white;
background-color: var(--principale);
}
Expand Down Expand Up @@ -234,7 +232,7 @@ form{
border-radius: 25px;
border: 2px solid #D9D9D9;
background: white;
cursor:url(../images/logo/cursor.svg);
cursor:url(../images/logo/cursor.svg) 0 0,auto;
transition: background-color 0.3s;
}

Expand Down
32 changes: 16 additions & 16 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,15 @@
<title>Booki</title>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
<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="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" >
</head>
<body>

<!-- Header -->

<header>

<section class="header-accueil">
<div class="header-accueil">
<figure class="header-logo">
<a href="#">
<img src="./images/logo/[email protected]" alt="logo du site">
Expand All @@ -31,7 +31,7 @@
</li>
</ul>
</nav>
</section>
</div>

<section class="header-presentation">
<h1>Trouvez votre hébergement pour des vacances de rêve</h1>
Expand Down Expand Up @@ -118,7 +118,7 @@ <h2 id="hebergement">Hébergements à Marseille</h2>

<a href="#" class="carte-hebergement">
<figure class="hebergement-img">
<img src="./images/hebergements/hotel port.jpg" alt="Hôtel du port">
<img src="./images/hebergements/hotel%20port.jpg" alt="Hôtel du port">
</figure>

<div class="hebergement-info">
Expand All @@ -130,7 +130,7 @@ <h3>Hôtel du port</h3>

<a href="#" class="carte-hebergement">
<figure class="hebergement-img">
<img src="./images/hebergements/chez amina.jpg" alt="Hôtel chez Amina">
<img src="./images/hebergements/chez%20amina.jpg" alt="Hôtel chez Amina">
</figure>
<div class="hebergement-info">
<h3>Hôtel chez Amina</h3>
Expand All @@ -141,7 +141,7 @@ <h3>Hôtel chez Amina</h3>

<a href="#" class="carte-hebergement">
<figure class="hebergement-img">
<img src="./images/hebergements/les mouettes.jpg" alt="Hôtel Les mouettes">
<img src="./images/hebergements/les%20mouettes.jpg" alt="Hôtel Les mouettes">
</figure>
<div class="hebergement-info">
<h3>Hôtel Les mouettes</h3>
Expand All @@ -152,7 +152,7 @@ <h3>Hôtel Les mouettes</h3>

<a href="#" class="carte-hebergement">
<figure class="hebergement-img">
<img src="./images/hebergements/hotel de la mer.jpg" alt="Hôtel de la mer">
<img src="./images/hebergements/hotel%20de%20la%20mer.jpg" alt="Hôtel de la mer">
</figure>
<div class="hebergement-info">
<h3>Hôtel de la mer</h3>
Expand All @@ -163,7 +163,7 @@ <h3>Hôtel de la mer</h3>

<a href="#" class="carte-hebergement">
<figure class="hebergement-img">
<img src="./images/hebergements/le canebiere.jpg" alt="Auberge La Cannebière">
<img src="./images/hebergements/le%20canebiere.jpg" alt="Auberge La Cannebière">
</figure>

<div class="hebergement-info">
Expand All @@ -175,7 +175,7 @@ <h3>Auberge La Cannebière</h3>

<a href="#" class="carte-hebergement">
<figure class="hebergement-img">
<img src="./images/hebergements/auberge le panier.jpg" alt="Auberge Le Panier">
<img src="./images/hebergements/auberge%20le%20panier.jpg" alt="Auberge Le Panier">
</figure>
<div class="hebergement-info">
<h3>Auberge Le Panier</h3>
Expand Down Expand Up @@ -203,7 +203,7 @@ <h2 class="conteneur-populaire-titre">Les plus populaires</h2>
<div class="box-carte-populaire">
<a href="#" class="carte-populaire">
<figure class="populaire-img">
<img src="./images/hebergements/soleil du matin.jpg" alt="Hôtel Le soleil du matin">
<img src="./images/hebergements/soleil%20du%20matin.jpg" alt="Hôtel Le soleil du matin">
</figure>
<div class="populaire-info">
<div class="populaire-prix">
Expand All @@ -216,7 +216,7 @@ <h3>Hôtel Le soleil du matin</h3>

<a href="#" class="carte-populaire">
<figure class="populaire-img">
<img src="./images/hebergements/au coeur de leau.jpg" alt="Au coeur de l'eau Chambres d'hôtes">
<img src="./images/hebergements/au%20coeur%20de%20leau.jpg" alt="Au coeur de l'eau Chambres d'hôtes">
</figure>
<div class="populaire-info">
<div class="populaire-prix">
Expand All @@ -229,7 +229,7 @@ <h3>Chambres d'hôtes Au coeur de l'eau</h3>

<a href="#" class="carte-populaire">
<figure class="populaire-img">
<img src="./images/hebergements/blue et blanc.jpg" alt="Hôtel Tout bleu et Blanc">
<img src="./images/hebergements/blue%20et%20blanc.jpg" alt="Hôtel Tout bleu et Blanc">
</figure>
<div class="populaire-info">
<div class="populaire-prix">
Expand Down Expand Up @@ -257,28 +257,28 @@ <h2>Activités à Marseille</h2>

<a href="" class="grande-carte">
<figure class="carte-activite">
<img src="./images/activites/vieux port.jpg" alt="vieux port de marseille">
<img src="./images/activites/vieux%20port.jpg" alt="vieux port de marseille">
<figcaption>Vieux Port</figcaption>
</figure>
</a>

<a href="" class="grande-carte">
<figure class="carte-activite">
<img src="./images/activites/fort de pomegues.jpg" alt="Fort de Pomègues">
<img src="./images/activites/fort%20de%20pomegues.jpg" alt="Fort de Pomègues">
<figcaption>Fort de Pomègues</figcaption>
</figure>
</a>

<a href="" class="grande-carte">
<figure class="carte-activite">
<img src="./images/activites/parc national.jpg" alt="Îles du Frioul">
<img src="./images/activites/parc%20national.jpg" alt="Îles du Frioul">
<figcaption>Parc National des Calanques</figcaption>
</figure>
</a>

<a href="" class="grande-carte">
<figure class="carte-activite">
<img src="./images/activites/notre dame de la garde.jpg" alt="Îles du Frioul">
<img src="./images/activites/notre%20dame%20de%20la%20garde.jpg" alt="Îles du Frioul">
<figcaption>Notre Dame de la Garde</figcaption>
</figure>
</a>
Expand Down

0 comments on commit 191a823

Please sign in to comment.