Motors.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Motors</title>

    <style>
        .c{
            display:inline-block;
        }
        .r{
        display:inline-block;
        }
        

    </style>
</head>
<body>


    <h1>Applications Of Motors in Agriculture</h1>
        <div class="c">
            <a href="AgriculturalDrones.html">
                <figure>
                    <img src="AgriculturalDrones.jpg" alt="Agricultural Drones html">
                    <figcaption><h2>Agricultural Drones</h2></figcaption>
                </figure>
            </a>
        </div>
   

    
        <div class="c">
            <a href="PlantingEquipment.html">
                <figure>
                    <img src="PlantingEquipment.jpg" alt="Planting Equipment">
                    <figcaption><h2>Planting Equipment</h2></figcaption>
                </figure>
            </a>
        </div>
    

    
        <div class="c">
            <a href="AgriculturalRobots.html">
                <figure>
                    <img src="AgriculturalRobots.jpg" alt="Agricultural Robots">
                    <figcaption><h2>Agricultural Robots</h2></figcaption>
                </figure>
            </a>
        </div>
 

        <h1>Drivers and motors for agriculture</h1>
    
    <div class="r">
      
            <a href="brushlessDC.html">
                <figure>
                    <img src="brushlessDC.jpg" alt="Brushless Dc Motor" width="300px" height="200px">
                    <figcaption><h2>BrushLess DC Motor</h2></figcaption>
                </figure>
                
            </a>
        </div>

        <div class="r">
            <a href="IntegratedMotor.html">
                <figure>
                    <img src="IntegratedMotor.jpg" alt="Integrated Motor image" >
                    <figcaption><h2>Integrated Motor</h2></figcaption>
                </figure>
            </a>

        </div>
        <div class="r">
            <a href="StepperMotor.html">
                <figure>
                    <img src="StepperMotor.jpg" alt="Stepper Motor Image" width="300px" height="200px">
                    <figcaption><h2>Stepper Motor</h2></figcaption>
                </figure>
            </a>

        </div>
      


      


    
    

    

    


    
</body>
</html>