Scribd Logo
Upload

Welcome to Scribd!

  • HTML-WPS Office

    Uploaded by

    Fresnel Hounhoui
    9 views5 pages

    Original Title

    html-WPS Office

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views5 pages

    HTML-WPS Office

    Uploaded by

    Fresnel Hounhoui

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    <html>

    <head>

    <title>Machine Agro - Site Vitrine</title>

    <style>

    /* Définir les styles CSS ici */

    body {

    font-family: Arial, sans-serif;

    background-color: #f0f0f0;

    margin: 0;

    padding: 0;

    .container {

    max-width: 1200px;

    margin: 0 auto;

    .header {

    background-color: #4caf50;

    color: white;

    padding: 20px;

    text-align: center;

    .header h1 {
    font-size: 36px;

    margin: 0;

    .nav {

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: #333333;

    padding: 10px;

    .nav a {

    color: white;

    text-decoration: none;

    padding: 10px;

    .nav a:hover {

    background-color: #4caf50;

    .main {

    display: flex;

    flex-wrap: wrap;
    margin: 20px;

    .main .card {

    width: 30%;

    margin: 10px;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

    .main .card img {

    width: 100%;

    height: 200px;

    object-fit: cover;

    .main .card .content {

    padding: 20px;

    .main .card .content h3 {

    font-size: 24px;

    margin: 0;

    .main .card .content p {


    font-size: 16px;

    .main .card .content a {

    display: block;

    background-color: #4caf50;

    color: white;

    text-align: center;

    padding: 10px;

    text-decoration: none;

    .main .card .content a:hover {

    background-color: #333333;

    .footer {

    background-color: #333333;

    color: white;

    padding: 20px;

    text-align: center;

    </style>

    </head>

    <body>
    <div class="container">

    <div class="header">

    <h1>Machine Agro</h1>

    <p>Le spécialiste des machines agricoles</p>

    </div>

    <div class="nav">

    <a href="#">Accueil</a>

    <a href="#">Produits</a>

    <a href="#">Services</a>

    <a href="#">Contact</a>

    </div>

    <div class="main">

    You might also like