<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v5.15.2/css/pro.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<script src="://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="nui://game/ui/jquery.js" type="text/javascript"></script>
<title>F9 Clothing UI</title>
</head>
<body>
<audio id="audio1" src="https://cdn.discordapp.com/attachments/729643536877748315/1004194429130768495/gamemouse.mp3"></audio>
<div class="f9clothigthemenu selectnone">
<div class="f9onediv"> <div class="clothingcircle"></div> </div>
<div class="f9onediv">
<div class="f9flexdiv1">
<div class="listsline1"></div>
<div class="listsline2"></div>
<div class="listsline3"></div>
<div class="listsline4"></div>
<div class="listsline5"></div>
</div>
</div>
<div class="f9onediv">
<div class="f9flexdiv2">
<div class="f9divcircle1"></div>
<div class="f9divcircle2"></div>
<div class="f9divcircle3"></div>
<div class="f9divcircle4"></div>
<div class="f9divcircle1"></div>
</div>
</div>
<div class="f9onediv">
<div class="f9flexdiv3">
<div class="f9onetitle">
<div>Legs</div>
</div>
<div class="f9onetitle">
<div>Hands</div>
</div>
<div class="f9onetitle">
<div>Body</div>
</div>
<div class="f9onetitle">
<div>L-Head</div>
</div>
<div class="f9onetitle">
<div>T-Head</div>
</div>
</div>
</div>
<div class="f9onediv">
<div class="listofbuttonsx">
<div class="buttnonslist">
<div class="onecbutton" title="Pants" id='Pants'> <img src="imgs/Pants.png"/> </div>
<div class="onecbutton" title="Shoes" id='Shoes'> <img src="imgs/Shoes.png"/> </div>
<div class="onecbutton" title="desccircle" id='desccircle'> X </div>
</div>
<div class="buttnonslist">
<div class="onecbutton" title="Bag" id='Bag'> <img src="imgs/Bag.png"/> </div>
<div class="onecbutton" title="Gloves" id='Gloves'> <img src="imgs/Gloves.png"/> </div>
<div class="onecbutton" title="Watch" id='Watch'> <img src="imgs/Watch.png"/> </div>
</div>
<div class="buttnonslist">
<div class="onecbutton" title="Jacket" id='Top'> <img src="imgs/Top.png"/> </div>
<div class="onecbutton" title="Shirt" id='Shirt'> <img src="imgs/Shirt.png"/> </div>
<div class="onecbutton" title="Vest" id='Vest'> <img src="imgs/Vest.png"/> </div>
</div>
<div class="buttnonslist">
<div class="onecbutton" title="Glasses" id='Glasses'> <img src="imgs/Glasses.png"/> </div>
<div class="onecbutton" title="Mask" id='Mask'> <img src="imgs/Mask.png"/> </div>
<div class="onecbutton" title="Neck" id='Neck'> <img src="imgs/Neck.png"/> </div>
</div>
<div class="buttnonslist">
<div class="onecbutton" title="Hat" id='Hat'> <img src="imgs/Hat.png"/> </div>
<div class="onecbutton" title="Hair" id='Hair'> <img src="imgs/Hair.png"/> </div>
<div class="onecbutton" title="Earrings" id='Earrings'> <img src="imgs/Earrings.png"/> </div>
</div>
</div>
</div>
<div class="f9refreshside">
<div class="listofhomebuttins">
<div class="onecbutton resetbutton" id="refreshcc" style="outline: white solid 2px;filter: brightness(1);margin-bottom: 1.8vh; line-height: 4.25vh;"> <i class="fas fa-sync-alt resettbutton"></i> </div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</html>