dev-nayanray.github.io/home.html at main · dev-nayanray/dev-nayanray.github.io · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en" class="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nayan Ray - Web Developer | Ndevs</title>
    <meta name="keywords" content="Nayan Ray, web developer, web designer, Wordpress developer, portfolio, projects, front-end development, back-end development, responsive design, HTML, CSS, JavaScript, PHP, jQuery, Bootstrap, UI/UX design, website maintenance, SEO optimization, blog development, e-commerce websites, custom WordPress themes, graphic design, mobile app development, freelance web developer, digital marketing, social media integration, web analytics, CMS customization, website security, web hosting, domain management, online portfolio, creative web solutions, professional web design, dynamic websites, static websites, website redesign, website optimization, web accessibility, user experience, website speed optimization, CMS development, HTML5, CSS3, PHP frameworks, content management systems, online presence, website updates, web application development">
    <meta name="description" content="Nayan Ray is a talented web developer specializing in Web Designer & Wordpress Developer . Explore my portfolio and projects.">

    <!-- Open Graph / Facebook -->
    <meta property="og:title" content="Nayan Ray - Web Developer">
    <meta property="og:description" content="Talented web developer specializing in [mention your specialties]. Explore my portfolio and projects.">
    <meta property="og:image" content="https://dev-nayanray.github.io/path/to/image.jpg">

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Nayan Ray - Web Developer">
    <meta name="twitter:description" content="Talented web developer specializing in [mention your specialties]. Explore my portfolio and projects.">
    <meta name="twitter:image" content="https://www.yourwebsite.com/path/to/image.jpg">

    <!-- Canonical URL -->
    <link rel="canonical" href="https://dev-nayanray.github.io/">
    <link rel="icon" type="image/png" href="assets/360_F_326985142_1aaKcEjMQW6ULp6oI9MYuv8lN9f8sFmj.jpg">

    <!-- Tailwind CSS -->
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <!-- Slick Carousel CSS -->
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>

    <!-- JavaScript (if needed) -->
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://www.gstatic.com/firebasejs/9.5.0/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.5.0/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.5.0/firebase-firestore.js"></script>
</head>
<body class="bg-white dark:bg-gray-900 text-gray-900 dark:text-white">
    <!-- Header Section -->
    <header class="bg-white dark:bg-gray-800 shadow">
        <div class="max-w-7xl mx-auto py-4 px-4 sm:px-6 lg:px-8 flex justify-between items-center">
            <h2 class="text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white">Nayan Ray</h2>
            <nav>
                <ul class="flex space-x-4">
                    <li><a href="#" class="text-gray-900 dark:text-white text-sm sm:text-base">Home</a></li>
                    <li><a href="#" class="text-gray-900 dark:text-white text-sm sm:text-base">About</a></li>
                    <li><a href="#" class="text-gray-900 dark:text-white text-sm sm:text-base">Services</a></li>
                    <li><a href="#" class="text-gray-900 dark:text-white text-sm sm:text-base">Portfolio</a></li>
                    <li><a href="#" class="text-gray-900 dark:text-white text-sm sm:text-base">Contact</a></li>
                </ul>
            </nav>
            <button id="dark-mode-toggle" class="bg-yellow-500 text-white py-2 px-4 rounded">
                <span class="light-mode-icon">☀️</span>
                <span class="dark-mode-icon">🌙</span>
            </button>
        </div>
    </header>

    <!-- Main Content -->
    <main class="container mx-auto px-4 py-8">
        <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
            <div class="flex items-center justify-center">
                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTlmvrVRf5G_L-ZgOiKcRtkYBFJJlDdn69Xlg&s" alt="Product Image" class="max-w-full rounded-lg shadow-lg">
            </div>
            <div>
                <h2 class="text-2xl font-semibold mb-4">WP Mega Menu Plugin</h2>
                <p class="mb-4 text-gray-700 dark:text-gray-300">WP Mega Menu is a powerful Elementor addon that allows you to create highly customizable menus and mega menus for WordPress websites.</p>
                <ul class="space-y-2">
                    <li class="flex items-center space-x-2">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-500 dark:text-green-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
                        </svg>
                        <span>Highly customizable menu designs</span>
                    </li>
                    <li class="flex items-center space-x-2">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-500 dark:text-green-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
                        </svg>
                        <span>Integration with Elementor for easy setup</span>
                    </li>
                    <li class="flex items-center space-x-2">
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-500 dark:text-green-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
                        </svg>
                        <span>Supports responsive designs</span>
                    </li>
                    <!-- Add more features as needed -->
                </ul>
                <div class="mt-6">
                    <button class="bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded-md">Get WP Mega Menu</button>
                </div>
            </div>
        </div>

        <div class="mt-8">
            <h2 class="text-2xl font-semibold mb-4">Additional Information</h2>
            <ul class="space-y-2">
                <li>
                    <span class="font-semibold">Rating:</span>
                    <span>4.5 / 5 (based on 100 reviews)</span>
                </li>
                <li>
                    <span class="font-semibold">Total Sales:</span>
                    <span>1000+</span>
                </li>
                <li>
                    <span class="font-semibold">Update Log:</span>
                    <ul class="list-disc pl-6 mt-2">
                        <li>Version 1.0.0 - Initial Release (January 2024)</li>
                        <li>Version 1.1.0 - Added new feature X (March 2024)</li>
                        <!-- Add more update entries -->
                    </ul>
                </li>
                <li>
                    <span class="font-semibold">Documentation:</span>
                    <a href="#" class="text-blue-500 hover:underline">Link to Documentation</a>
                </li>
                <!-- Add more information as needed -->
            </ul>
        </div>
    </main>

    <!-- Footer Section -->
    <footer class="bg-gray-200 dark:bg-gray-700 py-4">
        <div class="container mx-auto px-4 text-center text-gray-600 dark:text-gray-300">
            &copy; 2024 Nayan Ray. All rights reserved.
        </div>
    </footer>

    <!--