circle/index.html at main · Mohammed-Taysser/circle · 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
<!-- HTML5 -->
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <!-- Set character encoding for the document -->
    <meta charset="UTF-8" />

    <!-- Document Title -->
    <title>Circle</title>

    <!-- Meta Description -->
    <meta
      name="description"
      content="Circle is a social media app that allows users to connect with friends and family members from all over the world. With Circle, users can share photos, videos, and messages with their friends, as well as join groups based on their interests and hobbies."
    />

    <!-- To run web application in full-screen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />

    <!-- Status Bar Style (see Supported Meta Tags below for available values) -->
    <!-- Has no effect unless you have the previous meta tag -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />

    <!-- A little textbox that appears when the user holds their mouse over your Pinned Site's icon. -->
    <meta
      name="msapplication-tooltip"
      content="Circle is a social media app that allows users to connect with friends and family members from all over the world. With Circle, users can share photos, videos, and messages with their friends, as well as join groups based on their interests and hobbies."
    />

    <!-- Viewport for responsive web design -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <meta name="author" content="Mohammed Taysser" />

    <link rel="canonical" href="https://circle-react.vercel.app/" />

    <!-- Open Graph -->
    <meta property="og:title" content="Circle" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://circle-react.vercel.app/" />
    <meta
      property="og:image"
      content="./src/assets/images/demo/pages/homepage.png"
    />

    <!-- for IE -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!--[if lt IE 9]>
      <script src="./src/assets/js/html5shiv.min.js"></script>
      <script src="./src/assets/js/html5shiv-printshiv.min.js"></script>
    <![endif]-->

    <!-- favicon -->
    <link
      rel="icon"
      type="image/svg+xml"
      href="/src/assets/images/icons/favicon.svg"
    />
    <meta name="msapplication-TileColor" content="#20c997" />
    <meta name="theme-color" content="#20c997" />
    <link rel="mask-icon" href="../images/favicon.png" color="#20c997" />

    <!-- Google fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;600;700&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap"
      rel="stylesheet"
    />
  </head>

  <body>
    <div id="root"></div>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>