Untitled

<!doctype html>
<html>
<head>
    <link rel = "stylesheet" type = "text/css"  href="layout.css" />
    <title> Elon Musk - Tesla </title>
</head>
<body>
    <div class="QuickLinks">
        <a href="index.html">ELON MUSK</a>
        <img src="img/tesla.png" id="teslalogo" width=100 height=20 />
        <a href="spacex.html">SPACE X</a>
        <a href="neuralink.html">NEURALINK</a>
        <a href="hyperloop.html">HYPERLOOP</a>
    </div>

    <div class="fixed">
        <button class="quickmove" id="modelsjump"><span class="opacity">Model S</span></button><br>
        <button class="quickmove" id="model3jump" ><span class="opacity">Model 3</span></button><br>
        <button class="quickmove" id="modelxjump" ><span class="opacity">Model X</span></button><br>
        <button class="quickmove" id="roadsterjump" ><span class="opacity">ROADSTER</span></button>
    </div>

    <div class="auto" id="model-s">
    <div class="autotitle"><span class="teslaname">Tesla</span><br>M O D E L <span class="modeltypename"> S </span>  </div>
        <br>
        <div class="carcontent">
            <span class="left">
                <img class="speedometer" src="img/speedometer.png" width="29px" height="29px"> <span class="carhighlight">2.6</span><br>
                Von 0 auf 100 <br>
                km/h
            </span>
            <span class="mid">
                <span class="carhighlight">610 km</span> <br>
                Reichweite<br>
                (WLTP)
            </span>
            <span class="right">
                <span class="carhighlight">804 Liter</span><br>
                Klassengrößter<br>
                Stauraum
            </span>
        </div>
            <div class="kastenbestellen">
                <a class="bestellen" href="https://www.tesla.com/de_de/models/design">
                BESTELLEN
                </a>
            </div>
    </div>

    <div class="auto" id="model-3">
    <div class="autotitle"><span class="teslaname">Tesla</span><br>M O D E L <span class="modeltypename"> 3 </span>  </div>
        <br>
        <div class="carcontent">
            <span class="left">
                <img class="speedometer" src="img/speedometer.png" width="29px" height="29px"> <span class="carhighlight">3.4</span><br>
                Von 0 auf 100 <br>
                km/h
            </span>
            <span class="mid">
                <span class="carhighlight">530+ km</span> <br>
                Reichweite<br>
                (WLTP)
            </span>
            <span class="right">
                <span class="carhighlight">Allrad</span><br>
                Dual Motor
            </span>
        </div>
            <div class="kastenbestellen">
                <a class="bestellen" href="https://www.tesla.com/de_de/model3/design">
                BESTELLEN
                </a>
            </div>
    </div>

    <div class="auto" id="model-x">
    <div class="autotitle"><span class="teslaname">Tesla</span><br>M O D E L <span class="modeltypename"> X </span>  </div>
        <br>
        <div class="carcontent">
            <span class="left">
                <span class="carhighlight">★★★★★</span><br>
                5-Sterne-<br>
                Sicherheitsbewer-<br>
                tung in USA
            </span>
            <span class="mid">
                <span class="carhighlight">507km</span> <br>
                Reichweite<br>
                (WLTP)
            </span>
            <span class="right">
                <img class="speedometer" src="img/mxroom.svg" width="35px" height="35px"> <span class="carhighlight">7</span><br>
                Plätze für sieben
            </span>
        </div>
            <div class="kastenbestellen">
                <a class="bestellen" href="https://www.tesla.com/de_de/modelx/design">
                BESTELLEN
                </a>
            </div>
    </div>

    <div class="auto" id="model-roadster">
    <div class="autotitle"><span class="teslaname">Tesla</span><br>ROADSTER </div>
        <br>
        <div class="carcontent">
            <span class="left">
                <img class="speedometer" src="img/speedometer.png" width="29px" height="29px"> <span class="carhighlight">2.1</span><br>
                Von 0 auf 100 <br>km/h
            </span>
            <span class="mid">
            <span class="carhighlight">1000km</span> <br>
                Reichweite
            </span>
            <span class="right">
                <span class="carhighlight">+400km/h</span> <br>
                Höchsttempo
            </span>
        </div>
            <div class="kastenbestellen">
                <a class="bestellen" href="https://www.tesla.com/de_de/modelx/design">
                JETZT VORBESTELLEN
                </a>
            </div>
    </div>
    <script src="teslascript.js"></script>
</body>
</html>