You are on page 1of 14

INDEX

<!doctype html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, intial-scale=1">
        <h3>
        <title>Index</title>
        </h3>
        <link href="css/bootstrap.css"  rel="stylesheet">
    </head>

<body>
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
          <h2 class="navbar-brand" href="..." >AUTOS</h2>
          <button class="navbar-toggler" type="button" data-bs-
toggle="collapse" data-bs-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
              </li>
              <li class="nav-item">
                <a class="nav-link" >MARCAS DE AUTOS</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" aria-current="page"
href="index.html">inicio</a>
              </li>

              <li class="nav-item dropdown">


                <a class="nav-link dropdown-toggle" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
                Nissan
                </a>
                <ul class="dropdown-menu">
                  <li><a class="dropdown-item" href="#"> <li class="nav-
item">
                    <a class="nav-link" href="#"><li><a href="Nissan.html">
Esto es Nissan</a></li></a>
                  </li></a></li>
                  </ul>
                </li>

                <li class="nav-item dropdown">


                  <a class="nav-link dropdown-toggle" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
                  Ferrari
                  </a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="#"> <li class="nav-
item">
                      <a class="nav-link" href="#"><li><a
href="Ferrari.html"> Esto es Ferrari</a></li></a>
                    </li></a></li>
                    </ul>
                  </li>

                  <li class="nav-item dropdown">


                    <a class="nav-link dropdown-toggle" href="#"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    Ford
                    </a>
                    <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="#"> <li class="nav-
item">
                        <a class="nav-link" href="#"><li><a
href="Ford.html"> Esto es Ford</a></li></a>
                      </li></a></li>
                      </ul>
                    </li>

                    <li class="nav-item dropdown">


                      <a class="nav-link dropdown-toggle" href="#"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
                      Porsche
                      </a>
                      <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#"> <li
class="nav-item">
                          <a class="nav-link" href="#"><li><a
href="Porsche.html"> Esto es Porsche</a></li></a>
                        </li></a></li>
                        </ul>
                      </li>

                      <li class="nav-item dropdown">


                        <a class="nav-link dropdown-toggle" href="#"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        BMW
                        </a>
                        <ul class="dropdown-menu">
                          <li><a class="dropdown-item" href="#"> <li
class="nav-item">
                            <a class="nav-link" href="#"><li><a
href="BMW.html"> Esto es BMW</a></li></a>
                          </li></a></li>
                          </ul>
                        </li>
                    </ul>
             
            <form class="d-flex" role="search">
              <input class="form-control me-2" type="search"
placeholder="Search" aria-label="Search">
                  <button class="btn btn-outline-success"
type="submit">Buscar</button>
                </form>
          </div>
        </div>
      </nav>
<br>

<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-


ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="Imagenes/nissan.jpeg" class="d-block w-100" alt="nissan">
    </div>
    <div class="carousel-item">
      <img src="Imagenes/ferrarir - copia.jpeg" class="d-block w-100"
alt="ferrarir">
    </div>
    <div class="carousel-item">
      <img src="Imagenes/ford.jpeg" class="d-block w-100" alt="ford">
    </div>
    <div class="carousel-item">
      <img src="Imagenes/posr.jpeg" class="d-block w-100" alt="posr">
    </div>
    <div class="carousel-item">
      <img src="Imagenes/bmw.jpeg" class="d-block w-100" alt="bmw">
    </div>
  </div>
</div>

<br>
<p>
  <a class="btn btn-primary" data-bs-toggle="collapse"
href="#multiCollapseExample1" role="button" aria-expanded="false" aria-
controls="multiCollapseExample1">Partes principales en vehículos
automóviles</a>
  <button class="btn btn-primary" type="button" data-bs-toggle="collapse"
data-bs-target="#multiCollapseExample2" aria-expanded="false" aria-
controls="multiCollapseExample2">Orden de masa en vehículos
automóviles</button>
  <button class="btn btn-primary" type="button" data-bs-toggle="collapse"
data-bs-target="#multiCollapseExample3" aria-expanded="false" aria-
controls="multiCollapseExample3">Método de propulsión</button>

  <button class="btn btn-primary" type="button" data-bs-toggle="collapse"


data-bs-target=".multi-collapse" aria-expanded="false" aria-
controls="multiCollapseExample1 multiCollapseExample3">Todos los
Elementos</button>
</p>
<div class="row">
  <div class="col">
    <div class="collapse multi-collapse" id="multiCollapseExample1">
      <div class="card card-body">
        <li>Estructura (Carrocería, Chasis, Bastidor)</li>
        <li>Neumático (Llanta)</li>
        <li>Volante de dirección</li>
        <li>Motor (Grupo moto propulsor: motor, embrague, caja de
cambios)</li>
        <li>Palanca de cambios</li>
        <li>Transmisión</li>
        <li>Frenos</li>
        <li>Dirección</li>
        <li>Suspensión</li>
        <li>Sistemas auxiliares de seguridad y confort</li>
        <li>Puertas</li>
        <li>Sistemas eléctricos</li>
        <li>Sistemas del bloque motor</li>
     
      </div>
    </div>
  </div>
  <div class="col">
    <div class="collapse multi-collapse" id="multiCollapseExample2">
      <div class="card card-body">
        <li>Tara: masa del vehículo con su dotación completa de agua,
combustible, lubricante, repuestos y accesorios, sin pasajeros ni
carga.</li>
        <li>Masa en orden de marcha: conductor de 75 kg (para autobuses y
autos mas el acompañante de 75 kg).</li>
        <li>Masa en carga: masa efectiva del vehículo.</li>
        <li>Masa máxima autorizada: M.M.A., la masa máxima permitida para el
vehículo en vías públicas</li>
        <li>Masa máxima técnicamente admisible: La masa máxima para la
utilización del vehículo basada en su construcción según especificaciones
del fabricante.</li>
        <li>Masa remolcable máxima autorizada: masa máxima autorizada en vía
pública para un remolque o semirremolque.</li>
        <li>Masa por eje: la que gravita sobre el suelo transmitida por la
totalidad de las ruedas acopladas a un eje en cada uno de los casos
anteriormente descritos.</li>
      </div>
    </div>
  </div>
</div>
<br>
<div class="col">
  <div class="collapse multi-collapse" id="multiCollapseExample3">
    <div class="card card-body">
      <li>Motores de vapor: Fueron los primeros motores empleados en
máquinas automóviles. Su principio de funcionamiento se basa en quemar un
combustible para calentar agua dentro de una caldera (inicialmente fue
mediante leña o carbón) por encima del punto de ebullición generando así una
elevada presión en su interior. Cuando se alcanza determinado nivel de
presión el vapor es conducido, mediante válvulas, a un sistema de cilindros
que transforma la energía del vapor en movimiento alternativo, que a su vez
es transmitido a las ruedas.</li>
      <li>Motores de combustión interna: El combustible reacciona con un
comburente, normalmente el oxígeno del aire, produciéndose una combustión
dentro de los cilindros. Mediante dicha reacción exotérmica, parte de la
energía del combustible es liberada en forma de energía térmica que,
mediante un proceso termodinámico, se transforma parcialmente en energía
mecánica. </li>
      <li>Motor eléctrico: Consumen electricidad que se suele suministrar
mediante baterías que admiten varios ciclos de carga y descarga. Durante la
descarga, la energía interna de los reactivos es transformada parcialmente
en energía eléctrica. Este proceso se realiza mediante una reacción
electroquímica de reducción-oxidación, dando lugar a la oxidación en el
terminal negativo, que actúa como ánodo, y la reducción en el terminal
positivo, que actúa como cátodo.</li>

    </div>
  </div>
</div>
</div>
<br><br>

<div class="row row-cols-1 row-cols-md-3 g-4">


  <div class="col">
    <div class="card h-100">
      <img src="Imagenes/Mercedes-simplex-508.jpg" class="card-img-top"
alt="...">
      <div class="card-body">
        <h5 class="card-title">Vehiculo</h5>
        <p class="card-text">El vehículo (del Latín: vehiculum) es un medio
de locomoción que permite el traslado de un lugar a otro de personas o
cosas.
          Cuando se traslada animales u objetos es llamado vehículo de
transporte, como por ejemplo (en orden de creación) el barco, el carro, el
tren, la bicicleta, la motocicleta, el automóvil, el camión, el avión y la
nave, entre otros.
          En el ámbito de la comunicación, se utilizan distintos tipos de
vehículos para la transmisión de información, como el periódico, la
televisión, Internet, etc.    
          Se denominan vehículos los medios a través de los cuales se puede
contagiar una enfermedad, el sonido o la electricidad.</p>
      </div>
    </div>
  </div>
  <br><br>

    <script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>
SUB PAGINA

<!doctype html>
<html lang="es">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, intial-scale=1">
        <h3>
        <title>Nissan</title>
        </h3>
        <link href="css/bootstrap.css"  rel="stylesheet">
       
    </head>

<body>
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
          <h2 class="navbar-brand" href="..." >AUTOS</h2>
          <button class="navbar-toggler" type="button" data-bs-
toggle="collapse" data-bs-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle
navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
              </li>
              <li class="nav-item">
                <a class="nav-link" >MARCAS DE AUTOS</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" aria-current="page"
href="index.html">inicio</a>
              </li>

              <li class="nav-item dropdown">


                <a class="nav-link dropdown-toggle" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
                Nissan
                </a>
                <ul class="dropdown-menu">
                  <li><a class="dropdown-item" href="#"> <li class="nav-
item">
                    <a class="nav-link" href="#"><li><a href="Nissan.html">
Esto es Nissan</a></li></a>
                  </li></a></li>
                  </ul>
                </li>

                <li class="nav-item dropdown">


                  <a class="nav-link dropdown-toggle" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
                  Ferrari
                  </a>
                  <ul class="dropdown-menu">
                    <li><a class="dropdown-item" href="#"> <li class="nav-
item">
                      <a class="nav-link" href="#"><li><a
href="Ferrari.html"> Esto es Ferrari</a></li></a>
                    </li></a></li>
                    </ul>
                  </li>

                  <li class="nav-item dropdown">


                    <a class="nav-link dropdown-toggle" href="#"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    Ford
                    </a>
                    <ul class="dropdown-menu">
                      <li><a class="dropdown-item" href="#"> <li class="nav-
item">
                        <a class="nav-link" href="#"><li><a
href="Ford.html"> Esto es Ford</a></li></a>
                      </li></a></li>
                      </ul>
                    </li>

                    <li class="nav-item dropdown">


                      <a class="nav-link dropdown-toggle" href="#"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
                      Porsche
                      </a>
                      <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#"> <li
class="nav-item">
                          <a class="nav-link" href="#"><li><a
href="Porsche.html"> Esto es Porsche</a></li></a>
                        </li></a></li>
                        </ul>
                      </li>

                      <li class="nav-item dropdown">


                        <a class="nav-link dropdown-toggle" href="#"
role="button" data-bs-toggle="dropdown" aria-expanded="false">
                        BMW
                        </a>
                        <ul class="dropdown-menu">
                          <li><a class="dropdown-item" href="#"> <li
class="nav-item">
                            <a class="nav-link" href="#"><li><a
href="BMW.html"> Esto es BMW</a></li></a>
                          </li></a></li>
                          </ul>
                        </li>
                    </ul>
             
            <form class="d-flex" role="search">
              <input class="form-control me-2" type="search"
placeholder="Search" aria-label="Search">
                  <button class="btn btn-outline-success"
type="submit">Buscar</button>
                </form>
          </div>
        </div>
      </nav>
<br>

<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-


ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="Imagenes/nissan.jpeg" class="d-block w-100" alt="nissan">
    </div>
    <div class="carousel-item">
      <img src="Imagenes/ferrarir - copia.jpeg" class="d-block w-100"
alt="ferrarir">
    </div>
    <div class="carousel-item">
      <img src="Imagenes/ford.jpeg" class="d-block w-100" alt="ford">
    </div>
    <div class="carousel-item">
      <img src="Imagenes/posr.jpeg" class="d-block w-100" alt="posr">
    </div>
    <div class="carousel-item">
      <img src="Imagenes/bmw.jpeg" class="d-block w-100" alt="bmw">
    </div>
  </div>
</div>

<br>

<h4><p>Historia de Nissan</p></h4>
<div class="accordion accordion-flush" id="accordionFlushExample">
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false"
aria-controls="flush-collapseOne">
        Los años de la preguerra
      </button>
    </h2>
    <div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-
parent="#accordionFlushExample">
      <div class="accordion-body">La historia de Nissan se remonta a
Kawaishinsha Co., una planta de fabricación de automóviles fundada en 1911
por Masujiro Hashimoto en Azabu-Hiroo Ward, Tokio. Hashimoto fue un pionero
en la industria automotriz japonesa desde el principio. En 1914, se
desarrolló un pequeño automóvil de pasajeros basado en su propio diseño, que
debutó al año siguiente con el nombre Dat, que representa las iniciales de
las tres posiciones principales de Hashimoto. : Kenjiro Den, Aoyama Rokuro y
Takeuchi Mentaro.
        La historia de Nissan se remonta a Kawaishinsha Co., una planta de
fabricación de automóviles fundada en 1911 por Masujiro Hashimoto en Azabu-
Hiroo Ward, Tokio. Hashimoto fue un pionero en la industria automotriz
japonesa desde el principio. En 1914, se desarrolló un pequeño automóvil de
pasajeros basado en su propio diseño, que debutó al año siguiente con el
nombre Dat, que representa las iniciales de las tres posiciones principales
de Hashimoto. : Kenjiro Den, Aoyama Rokuro y Takeuchi Mentaro.
</div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false"
aria-controls="flush-collapseTwo">
        Postguerra
      </button>
    </h2>
    <div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-
parent="#accordionFlushExample">
      <div class="accordion-body">En un movimiento para recuperarse del
vacío tecnológico de los años de la Segunda Guerra Mundial, Nissan realizó
una alianza estratégica con Austin Motor Company del Reino Unido en 1952,
cuando el primer Austin salió de la línea un año más tarde. Nissan fue el
primer constructor japonés en recibir el premio Deming a la excelencia de
ingeniería en 1960. En este período, Nissan enfatizaba en lograr una
organización fuerte para apoyar la siguiente etapa de expansión de la
compañía.</div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseThree" aria-
expanded="false" aria-controls="flush-collapseThree">
        Motorización
      </button>
    </h2>
    <div id="flush-collapseThree" class="accordion-collapse collapse" data-
bs-parent="#accordionFlushExample">
      <div class="accordion-body">El Bluebird de 1959 y el Cedric de 1960
cautivaron a los compradores japoneses. En 1966, Nissan se fusionó con
Prince Motor Co. Ltd., agregando los famosos modelos Skyline y Gloria a su
línea de productos y atrayendo a un destacado personal de ingeniería,
continuando la excelente tradición de las aerolíneas Nakajima y Tachikawa,
que anteriormente fabricaban famosos motores aeronáuticos.
        El desarrollo de la motorización ha provocado accidentes de tránsito
y ha exacerbado el problema de la contaminación del aire. Nissan desarrolló
su primer Vehículo de Seguridad Experimental (ESV) en 1971 y ha empleado un
amplio programa de seguridad en sus vehículos a lo largo de los años. Para
evitar la contaminación del aire, Japón aplica los más altos estándares de
emisión de gases. Es por eso que Nissan desarrolló el sistema convertidor
catalítico de tres vías, la tecnología más prometedora en ese momento.
</div>
    </div>
  </div>
</div>
<br>
<h4><p>Automovilismo</p></h4>

<div class="row row-cols-1 row-cols-md-3 g-4">


  <div class="col">
    <div class="card h-100">
      <img src="Imagenes/Supra.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Skyline GT-R M·Spec Nür, V·Spec II Nür
(2002)</h5>
        <p class="card-text">El M·Spec Nür y V·Spec II Nür son ediciones
limitadas (1 000 unidades) del Nissan Skyline GT-R con motor N1 Super Taikyu
del mercado japonés. El contador del cuentakilómetros indica hasta 300 km/h,
el anagrama está modificado y cuenta con una selección de color de
carrocería más (un jade metalizado llamado «Millennium Jade Metallic»).
          Los vehículos salieron a la venta el 26 de febrero de 2002.62</p>
      </div>
      <div class="card-footer">
        <small class="text-body-secondary">msmos</small>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card h-100">
      <img src="Imagenes/Supra.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Skyline GT-R M·Spec (2001–02)</h5>
        <p class="card-text">a versión M·Spec del Nissan Skyline GT-R
contaba con control de absorción de baches, asientos de cuero (delanteros y
traseros) calefactados, volante forrado en 3 pieles y una selección de 4
colores de carrocería.
          El vehículo salió a la venta el 8 de mayo de 2001.62</p>
      </div>
      <div class="card-footer">
        <small class="text-body-secondary">Last updated 3 mins ago</small>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card h-100">
      <img src="Imagenes/Supra.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Nissan</h5>
        <p class="card-text">This is a wider card with supporting text below
as a natural lead-in to additional content. This card has even longer
content than the first to show that equal height action.</p>
      </div>
      <div class="card-footer">
        <small class="text-body-secondary">Last updated 3 mins ago</small>
      </div>
    </div>
  </div>
</div>
<div class="row row-cols-1 row-cols-md-3 g-4">
  <div class="col">
    <div class="card h-100">
      <img src="Imagenes/Supra.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Nissan</h5>
        <p class="card-text">This is a wider card with supporting text below
as a natural lead-in to additional content. This content is a little bit
longer.</p>
      </div>
      <div class="card-footer">
        <small class="text-body-secondary">msmos</small>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card h-100">
      <img src="Imagenes/Supra.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Nissan</h5>
        <p class="card-text">This card has supporting text below as a
natural lead-in to additional content.</p>
      </div>
      <div class="card-footer">
        <small class="text-body-secondary">Last updated 3 mins ago</small>
      </div>
    </div>
  </div>
  <div class="col">
    <div class="card h-100">
      <img src="Imagenes/Supra.jpg" class="card-img-top" alt="...">
      <div class="card-body">
        <h5 class="card-title">Nissan</h5>
        <p class="card-text">This is a wider card with supporting text below
as a natural lead-in to additional content. This card has even longer
content than the first to show that equal height action.</p>
      </div>
      <div class="card-footer">
        <small class="text-body-secondary">Last updated 3 mins ago</small>
      </div>
    </div>
  </div>
</div>

<br>

<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>

You might also like