fin séance
@ -1,13 +1,14 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Raleway', sans-serif;
|
||||
}
|
||||
|
||||
header {
|
||||
height: 135px;
|
||||
}
|
||||
|
||||
header.logo {
|
||||
.header-logo {
|
||||
float: left;
|
||||
width: 298px;
|
||||
}
|
||||
@ -68,4 +69,65 @@ a.btn {
|
||||
padding: 10px 5px 10px 5px;
|
||||
background: #00ED93;
|
||||
color: #3B6D56;
|
||||
}
|
||||
}
|
||||
|
||||
.section {
|
||||
height: 879px;
|
||||
}
|
||||
|
||||
#carousel {
|
||||
margin: 50px 0;
|
||||
background-color: #DDEFFD;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/*Menthe*/
|
||||
#carousel::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: -80px; left: 0;
|
||||
width: 348px;
|
||||
height: 642px;
|
||||
background: url("../img/—Pngtree—many kinds of vegetables in_7257107 1.png") left bottom;
|
||||
}
|
||||
|
||||
/*Choux fleur*/
|
||||
#carousel::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 20px; right: 0;
|
||||
width: 348px;
|
||||
height: 642px;
|
||||
background: url("../img/—Pngtree—many kinds of vegetables in_7257107 2.png") right center;
|
||||
}
|
||||
|
||||
#carousel > .content {
|
||||
width: 1120px;
|
||||
margin: 0 auto;
|
||||
padding-top: 200px;
|
||||
}
|
||||
|
||||
#carousel .content *{
|
||||
margin: 20px 0px;
|
||||
}
|
||||
|
||||
#carousel .content p {
|
||||
font-weight: 700;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
color: #79BD9D;
|
||||
}
|
||||
|
||||
#carousel .content h1 {
|
||||
font-weight: 700;
|
||||
font-size: 44px;
|
||||
line-height: 52px;
|
||||
color: #3B6D56;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#carousel .content h2 {
|
||||
font-weight: 700;
|
||||
font-size: 22px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
BIN
tp1/img/DSC_0852 (1)_edited 1.png
Normal file
|
After Width: | Height: | Size: 221 KiB |
BIN
tp1/img/Group 1.png
Normal file
|
After Width: | Height: | Size: 348 KiB |
BIN
tp1/img/Instagram.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
tp1/img/LOGOsimple noir 1.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
tp1/img/Linkedin.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
tp1/img/Logo.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
tp1/img/Patient.png
Normal file
|
After Width: | Height: | Size: 94 KiB |
BIN
tp1/img/Pro.png
Normal file
|
After Width: | Height: | Size: 122 KiB |
BIN
tp1/img/akar-icons_facebook-fill.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
tp1/img/—Pngtree—kitchen supplies wooden shovel_4581308 1.png
Normal file
|
After Width: | Height: | Size: 50 KiB |
BIN
tp1/img/—Pngtree—many kinds of vegetables in_7257107 1.png
Normal file
|
After Width: | Height: | Size: 180 KiB |
BIN
tp1/img/—Pngtree—many kinds of vegetables in_7257107 2.png
Normal file
|
After Width: | Height: | Size: 231 KiB |
BIN
tp1/img/—Pngtree—many kinds of vegetables in_7257107 3.png
Normal file
|
After Width: | Height: | Size: 69 KiB |
@ -4,6 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>LP SIGD IOTIA</title>
|
||||
<link href="./css/style.css" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -23,10 +24,12 @@
|
||||
</header>
|
||||
<div id="page">
|
||||
<section class="section" id="carousel">
|
||||
<p>Logiciel professionnel</p>
|
||||
<h1 class="title">Le meilleur de l’expertise dans un logiciel, avec un maximum de relationnel !</h1>
|
||||
<h2 class="branding">Une solution innovante qui séduit unanimement notre comité de professionnels.</h2>
|
||||
<p><a href="#" class="btn btn-secondary">Souscrire</a></p>
|
||||
<div class="content">
|
||||
<p>Logiciel professionnel</p>
|
||||
<h1 class="title">Le meilleur de l’expertise dans un logiciel, avec un maximum de relationnel !</h1>
|
||||
<h2 class="branding">Une solution innovante qui séduit unanimement notre comité de professionnels.</h2>
|
||||
<p><a href="#" class="btn btn-secondary">Souscrire</a></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="#presentation">
|
||||
|
||||