<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Accordion 02</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
rel="stylesheet"
type='text/css'
>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<nav class="accordion-container">
<div class="main-item">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="2"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M12 4l-8 4l8 4l8 -4l-8 -4"></path>
<path d="M4 12l8 4l8 -4"></path>
<path d="M4 16l8 4l8 -4"></path>
</svg>
Frontend Tech Stack
<svg
xmlns="http://www.w3.org/2000/svg"
class="expand-icon"
width="44"
height="44"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M9 6l6 6l-6 6" />
</svg>
</div>
<ul>
<li>
HTML
</li>
<li>
CSS
</li>
<li>
JavaScript
</li>
<li>
React.js
</li>
</ul>
</nav>
<script src="script.js"></script>
</body>
</html>