import React from 'react'
import './DentalServices.css'

const DentalServices = () => {
  return (
    <div className='dental-services-container'>
        <div className='dental-services-tittle'>
            <h2>Servicios</h2>
        </div>
        <div className='dental-services-grid'>
            <div className='dental-services-one'>
              <div className='dental-service-one-img'>

              </div>
              <div className='dental-card-content-one'>
                    <h3>Brackets</h3>
                    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
                    <div className='dental-button-one'>Agendar</div>
                </div>
            </div>
            <div className='dental-services-two'>
                <div className='dental-services-one'>
                  <div className='dental-service-two-img'>

                  </div>
                  <div className='dental-card-content-one'>
                        <h3>Limpieza dental</h3>
                        <span>Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
                        <div className='dental-button-one'>Agendar</div>
                    </div>
                </div>
            </div>
            
            <div className='dental-services-three'>
                  <div className='dental-services-one'>
                    <div className='dental-service-three-img'>

                    </div>
                    <div className='dental-card-content-one'>
                          <h3>blanqueamiento dental</h3>
                          <span>Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
                          <div className='dental-button-one'>Agendar</div>
                      </div>
                  </div>
            </div>
            <div className='dental-services-four'>
                <div className='dental-services-one'>
                  <div className='dental-service-four-img'>

                  </div>
                  <div className='dental-card-content-one'>
                        <h3>Extraccion muelas del juicio</h3>
                        <span>Lorem ipsum dolor sit amet consectetur adipisicing elit. </span>
                        <div className='dental-button-one'>Agendar</div>
                    </div>
                </div>
            </div>
            <div className='dental-services-five'>
              <div className='dental-services-reserv-header'>
                  Reserva
              </div>
              <div className='dental-services-reserv-button'>
                  Reservar ahora
              </div>
            </div>
        </div>
    </div>
  )
}

export default DentalServices