index.html

<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styling/style_home.css" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
        integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@531&display=swap" rel="stylesheet" />

    <!-- Primary Meta Tags --> 
    <title>Algorithm Visualizer</title>
    <meta name="title" content="Algorithm Visualizer">
    <meta name="description" content="Visualize working of complex algorithms, play with them, and know them better.">

    <title>Algorithm Visualizer</title>
</head>

<body>
    <div class="navlen">
        <div class="navbar">
            <box class="element element-left">
                <img src="Logo1.png" alt="logo">
                <a href="index.html">Algorithm Visualizer</a>
            </box>
            <box class="element">
                <a href="https://github.com/Arpitk98/algorithm_visualizer_" target=_blank>
                    <i class="fab fa-github-square"></i>Github</a>
            </box>
        </div>
    </div>
    <section class="main-content">
        <div class="main-content-logo">
            <img src="Logo-removebg.png" alt="logo">
        </div>
        <div class="flex-cards">
            <div class="flex-card-items first-card" onclick="location.href='graph/graph.html'">
                <heading>Path Algorithms</heading>
                <content>
                    <ul>
                        <li>Dijkstra's Algorithm</li>
                        <li>A* Algorithm</li>
                        <li> Depth First Search (DFS)</li>
                        <li> Breath First Search (BFS)</li>
                    </ul>
                </content>
            </div>
            <div class="flex-card-items second-card" onclick="location.href='sorting/sorting_page.html'">
                <heading>Array Sorting Algorithms</heading>
                <content>
                    <ul>
                        <li>Bubble Sort</li>
                        <li>Insertion Sort</li>
                       <li>Selection Sort</li>
                        <li>Quick Sort</li>
                        
                    </ul>
                </content>
            </div>
        </div>
    </section>
</body>

</html>