fin séance
@ -1,13 +1,14 @@
|
|||||||
* {
|
* {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
font-family: 'Raleway', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
height: 135px;
|
height: 135px;
|
||||||
}
|
}
|
||||||
|
|
||||||
header.logo {
|
.header-logo {
|
||||||
float: left;
|
float: left;
|
||||||
width: 298px;
|
width: 298px;
|
||||||
}
|
}
|
||||||
@ -68,4 +69,65 @@ a.btn {
|
|||||||
padding: 10px 5px 10px 5px;
|
padding: 10px 5px 10px 5px;
|
||||||
background: #00ED93;
|
background: #00ED93;
|
||||||
color: #3B6D56;
|
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">
|
<meta charset="UTF-8">
|
||||||
<title>LP SIGD IOTIA</title>
|
<title>LP SIGD IOTIA</title>
|
||||||
<link href="./css/style.css" rel="stylesheet" />
|
<link href="./css/style.css" rel="stylesheet" />
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Raleway&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@ -23,10 +24,12 @@
|
|||||||
</header>
|
</header>
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<section class="section" id="carousel">
|
<section class="section" id="carousel">
|
||||||
<p>Logiciel professionnel</p>
|
<div class="content">
|
||||||
<h1 class="title">Le meilleur de l’expertise dans un logiciel, avec un maximum de relationnel !</h1>
|
<p>Logiciel professionnel</p>
|
||||||
<h2 class="branding">Une solution innovante qui séduit unanimement notre comité de professionnels.</h2>
|
<h1 class="title">Le meilleur de l’expertise dans un logiciel, avec un maximum de relationnel !</h1>
|
||||||
<p><a href="#" class="btn btn-secondary">Souscrire</a></p>
|
<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>
|
||||||
|
|
||||||
<section id="#presentation">
|
<section id="#presentation">
|
||||||
|
|||||||