Auto-Image-Slider--React-Fundamental-Project-7/index.html at main · arnobt78/Auto-Image-Slider--React-Fundamental-Project-7 · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Primary Meta Tags / SEO -->
    <title>
      Auto Image Slider – React Carousel & Slider | Custom & React Slick
    </title>
    <meta
      name="title"
      content="Slide Image Display – React Carousel & Slider | Custom & React Slick"
    />
    <meta
      name="description"
      content="React carousel and image slider demo: custom-built carousel with useState/useEffect and React Slick integration. Built with Vite, JavaScript, and custom CSS. By Arnob Mahmud."
    />
    <meta
      name="author"
      content="Arnob Mahmud (https://www.arnobmahmud.com, contact@arnobmahmud.com)"
    />
    <meta
      name="keywords"
      content="React, carousel, slider, image slider, useState, useEffect, react-slick, hooks, Vite, JavaScript, CSS, UI components, Arnob Mahmud"
    />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://auto-image-slider.vercel.app/" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://auto-image-slider.vercel.app/" />
    <meta
      property="og:title"
      content="Slide Image Display – React Carousel & Slider"
    />
    <meta
      property="og:description"
      content="React carousel and image slider: custom carousel and React Slick. Built with Vite, JavaScript, and custom CSS."
    />
    <meta property="og:image" content="/vite.svg" />
    <meta
      property="og:site_name"
      content="Slide Image Display – React Fundamental Project 7"
    />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://auto-image-slider.vercel.app/" />
    <meta
      name="twitter:title"
      content="Slide Image Display – React Carousel & Slider"
    />
    <meta
      name="twitter:description"
      content="React carousel and image slider: custom carousel and React Slick. Built with Vite, JavaScript, and custom CSS."
    />
    <meta name="twitter:image" content="/vite.svg" />
  </head>
  <body>
    <!-- React mounts into #root; main.jsx is the entry module -->
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>