141 lines
No EOL
6.6 KiB
HTML
141 lines
No EOL
6.6 KiB
HTML
<head>
|
|
<link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v6.2.0/css/pro.min.css">
|
|
<link rel="stylesheet" href="styles.css" type="text/css">
|
|
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/spectrum-colorpicker2/dist/spectrum.min.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/spectrum-colorpicker2/dist/spectrum.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="full-screen">
|
|
<div class="vehiclemenu-container" id="vehiclemenushow">
|
|
<div class="vehiclemenumain">
|
|
<div class="vehiclemenufuelmain">
|
|
<div class="vehiclemenufuelicon"><i class="fa-solid fa-gas-pump"></i></div>
|
|
<div class="vehiclemenufuelmaincontainer">
|
|
<div class="vehiclemenufuelmaincontainerdata"></div>
|
|
</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsdoor" id="vehiclemenusettingsdoorshow">
|
|
<div class="vehiclemenusettingsdoormain">
|
|
<div class="vehiclemenusettingsdoormain1">
|
|
<div class="vehiclemenusettingsdoormain1text">MOTORHAUBE</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsdoormain2">
|
|
<div class="vehiclemenusettingsdoormain2text">KOFFERAUM</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsdoormain3">
|
|
<div class="vehiclemenusettingsdoormain3text">TÜR 1</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsdoormain4">
|
|
<div class="vehiclemenusettingsdoormain4text">TÜR 2</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsdoormain5">
|
|
<div class="vehiclemenusettingsdoormain5text">TÜR 3</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsdoormain6">
|
|
<div class="vehiclemenusettingsdoormain6text">TÜR 4</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="vehiclemenusettingswindow" id="vehiclemenusettingswindowshow">
|
|
<div class="vehiclemenusettingswindowmain">
|
|
<div class="vehiclemenusettingswindowmain1">
|
|
<div class="vehiclemenusettingswindowmain1text">FENSTER 1</div>
|
|
</div>
|
|
<div class="vehiclemenusettingswindowmain2">
|
|
<div class="vehiclemenusettingswindowmain2text">FENSTER 2</div>
|
|
</div>
|
|
<div class="vehiclemenusettingswindowmain3">
|
|
<div class="vehiclemenusettingswindowmain3text">FENSTER 3</div>
|
|
</div>
|
|
<div class="vehiclemenusettingswindowmain4">
|
|
<div class="vehiclemenusettingswindowmain4text">Fenster 4</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsseat" id="vehiclemenusettingsseatshow">
|
|
<div class="vehiclemenusettingsseatmain">
|
|
<div class="body vehiclemenusettingsseatlist">
|
|
<div class="vehicleseat"><div class="vehicleseattext">SITZ 1</div></div><div class="vehicleseat"><div class="vehicleseattext">SITZ 1</div></div><div class="vehicleseat"><div class="vehicleseattext">SITZ 1</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsextras" id="vehiclemenusettingsextrasshow">
|
|
<div class="vehiclemenusettingsextrasmain">
|
|
<div class="body vehiclemenusettingsextraslist">
|
|
<div class="vehicleextras"><div class="vehicleextrastext">EXTRAS 1</div></div><div class="vehicleextras"><div class="vehicleextrastext">EXTRAS 1</div></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonwarning">
|
|
<div class="vehiclemenusettingsbuttonwarningicon"><i class="fa-light fa-solid fa-exclamation"></i></div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonlight">
|
|
<div class="vehiclemenusettingsbuttonlighticon"><i class="fa-light fa-lightbulb"></i></div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonlighth">
|
|
<img class="vehiclemenusettingsbuttonlighthicon" src="img/lights.svg">
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonengine">
|
|
<div class="vehiclemenusettingsbuttonengineicon"><i class="fa-light fa-power-off"></i></div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonbind">
|
|
<div class="vehiclemenusettingsbuttonbindicon"><i class="fa-light fa-waveform-lines"></i></div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonlock">
|
|
<div class="vehiclemenusettingsbuttonlockicon"><i class="fa-light fa-key"></i></div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonwater">
|
|
<img class="vehiclemenusettingsbuttonwatericon" src="img/water.svg">
|
|
</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonvehiclename">
|
|
<div class="vehiclemenusettingsbuttonvehiclename1">
|
|
<div class="vehiclemenusettingsbuttonvehiclename1text">Lamborghini</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonvehiclename2">
|
|
<div class="vehiclemenusettingsbuttonvehiclename2text">Aventador</div>
|
|
</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonvehicleplate">
|
|
<div class="vehiclemenusettingsbuttonvehicleplatetext">8T6 2456</div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonsettings">
|
|
<div class="vehiclemenusettingsbuttonsettingsicon"><i class="fa-solid fa-gear"></i></div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonexit">
|
|
<img class="vehiclemenusettingsbuttonexiticon" src="img/close.svg">
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonselect1">
|
|
<img class="vehiclemenusettingsbuttonselect1icon" src="img/doors.svg">
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonselect2">
|
|
<img class="vehiclemenusettingsbuttonselect2icon" src="img/windows.svg">
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonselect3">
|
|
<div class="vehiclemenusettingsbuttonselect3icon"><i class="fa-regular fa-person-seat"></i></div>
|
|
</div>
|
|
<div class="vehiclemenusettingsbuttonselect4">
|
|
<div class="vehiclemenusettingsbuttonselect4icon"><i class="fa-light fa-bars"></i></div>
|
|
</div>
|
|
</div>
|
|
<div class="vehiclemenusettings-container" id="vehiclemenusettingsshow">
|
|
<img class="closevehiclemenusettings" src="img/close.svg">
|
|
<div class="vehiclemenusettingsmaintext">VEHICLE MENU SETTINGS</div>
|
|
<div class="vehiclemenusettingsmainscaletext">SCALE</div>
|
|
<div class="scaleslidercontainer">
|
|
<div class="scaleslideline">
|
|
</div>
|
|
<input type="range" min="5" max="15" value="10" class="scaleslider" id="scalesliderdata">
|
|
</div>
|
|
<div class="colorchanger">
|
|
<input class="pickercolor" id="color-picker" value="#ff66ff"/>
|
|
</div>
|
|
<div class="buttonvehiclemenusettingsreset">RESET</div>
|
|
<div class="buttonvehiclemenusettingssave">SAVE</div>
|
|
</div>
|
|
</div>
|
|
<script src="scripts.js" type="text/javascript"></script>
|
|
</body> |