index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css" />
    <title>Sorting Visualizer</title>
</head>
<body>
    <div >
        <h1>Sorting Visualizer</h1>
        <h3>A sorting visualizer web app is an interactive tool that visually demonstrates various sorting algorithms 
            in action. Users can watch how the algorithms organize a collection of items
            In real-time, helping to understand the underlying logic and efficiency of each algorithm. 
        </h3>
    </div>
    <div class="container">
        <div class="box_container">
            <button id="randomize">Randomize Array</button>
            <button id="stop_button">Refresh</button>
            <button id="quick_sort">Quick Sort</button>
            <button id="bubble_sort">Bubble Sort</button>
            <button id="inseration_sort">Inseration Sort</button>  
            <button id="selection_sort">Selection Sort</button>
            <button id="merge_sort">Mereg Sort</button>

        </div>
        <div class="bars_container" id="bars_container"></div>
        <div class="footer">
            <p>Author: Navin<br>
            </div>
          
    </div>
    <script src="index.js"></script>
</body>
</html>