TusharGuptaPortfolio/quick-links.html at main · imtushaarr/TusharGuptaPortfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quick Links</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"/>
    <link rel="shortcut icon" href="imgs/Tushar Gupta -round.png" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
    <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></head>
<body>

    <div id="pre-loader"></div>

    <div id="header">
        <header>
            <a href="#"><img src="imgs/Tushar Gupta -round.png" alt="icon"></a>
                <nav>
                    <input type="checkbox" id="check">
                    <label for="check">
                        <i class="fa-solid fa-ellipsis" style="color: #0042aa;" id="btn"></i>
                        <i class="fa-solid fa-xmark" id="cancel"></i>
                    </label>
                    <ul class="nav-links">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="MyProject.html">My Projects</a></li>
                        <li><a href="resume.html">Resume</a></li>
                        <li><a href="about.html">About</a></li>
                        <li><a href="quick-links.html">Quick Links</a></li>
                        <a href="https://github.com/imtushaarr" target="_blank"><button class="btn-git"><i class="fa-brands fa-github"></i>GitHub</button></a>
                    </ul>
                </nav>
        </header>
    </div>

    <div id="links-hero">
        <h6>Quick Links</h6>
        <p>Welcome to the Quick Links page of my portfolio! Here, I’ve curated a collection of essential resources, including important websites, unique ideas, Figma design links, course links, and roadmap links. Each link has been personally selected by me to provide valuable and practical tools for your learning and development.

            Discover top websites, explore innovative concepts, and access exclusive design files. Find high-quality courses covering various topics and detailed roadmaps to guide your learning journey from beginner to advanced levels. All links are original or carefully chosen to ensure the best content.
        </p>
        <div class="links-con">
            <div class="links-card">
                <div class="links-img">
                    <img src="/imgs/js-roadmap.png" alt="JavaScript Roadmap">
                </div>
                <div class="links-text">
                    <div class="links-h5">
                        <h5>Step by Step JavaScript Basic to Advance Level Roadmap</h5>
                    </div>
                    <div class="links-p">
                        <p>I’m creating a comprehensive JavaScript roadmap for those who want to start learning this programming language. This roadmap provides a three-step module from basic to advanced levels, including tutorial references, documentation references, practice questions, and more to ensure better learning and practice.</p>
                    </div>
                    <div class="links-lnk">
                        <a href="https://shorturl.at/ir74n" target="_blank">Click Here <i class="fa-solid fa-up-right-from-square"></i></a>
                    </div>
                </div>
            </div>

            <div class="links-card">
                <div class="links-img">
                    <img src="/imgs/kraftech-dev.png" alt="JavaScript Roadmap">
                </div>
                <div class="links-text">
                    <div class="links-h5">
                        <h5>figma design of software Company project "Kraftech Developer" website</h5>
                    </div>
                    <div class="links-p">
                        <p>The “Kraftech Developer” website design presents a sleek, professional online presence for a software development company. Crafted in Figma, the design features a modern, responsive layout suitable for both desktop and mobile devices. It includes high-quality visuals, intuitive navigation, detailed service pages, project showcases, and client testimonials, emphasizing the company’s expertise and success. Interactive UI elements enhance user engagement, and an easy-to-use contact form allows potential clients to get in touch effortlessly. This design prioritizes usability and aesthetics, ensuring a seamless, engaging experience for visitors.</p>
                    </div>
                    <div class="links-lnk">
                        <a href="https://www.figma.com/design/7iMzX27Ne0cPmBBMtG6eQi/Kraftech-Developer?node-id=0-1&t=UAui8vhFx7NvAxig-1" target="_blank">Click Here <i class="fa-solid fa-up-right-from-square"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>
        var loader = document.getElementById("pre-loader");
        window.addEventListener("load", function(){
            loader.style.display = "none";
        });
    </script>

</body>
</html>