webresources/index.html at master · forge-studio/webresources · 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
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Primary Meta Tags -->
  <title>Home | Resources | All About Free Resources On Internet</title>
  <meta name="title" content="Resources | All About Free Resources On Internet">
  <meta name="description" content="Get the free resources from internet all at one place.">
  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://getresources.ml/">
  <meta property="og:title" content="Resources | All About Free Resources On Internet">
  <meta property="og:description" content="Get the free resources from internet all at one place.">
  <meta property="og:image" content="assets/img/meta-banner.png">
  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://getresources.ml/">
  <meta property="twitter:title" content="Resources | All About Free Resources On Internet">
  <meta property="twitter:description" content="Get the free resources from internet all at one place.">
  <meta property="twitter:image" content="assets/img/meta-banner.png">
  <!-- css files -->
  <link rel="stylesheet" href="assets/css/style.css">
  <link rel="stylesheet" href="assets/css/main.css">
  <link rel="shortcut icon" href="assets/favicons/fav-icon.png" sizes="180x180">
  <script type="module" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.esm.js"></script>
  <script nomodule="" src="https://unpkg.com/ionicons@5.1.2/dist/ionicons/ionicons.js"></script>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-172955204-1"></script>
  <script>
    var host = window.location.hostname;
    if (host === "getresources.ml") {
      window.dataLayer = window.dataLayer || [];

      function gtag() {
        dataLayer.push(arguments);
      }
      gtag('js', new Date());

      gtag('config', 'UA-172955204-1');
    }
  </script>
</head>

<body>
  <header class="text-gray-700 body-font py-6">
    <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
      <nav class="flex lg:w-2/5 flex-wrap items-center text-base md:ml-auto ">
        <a href="#home" class="md:mr-5 mr-1 font-semibold rounded bg-blue-100 hover:bg-black hover:text-white p-1 pr-2 pl-2">Home</a>
        <a href="#submit-resources" class="md:mr-5 mr-1 font-semibold rounded bg-blue-100 hover:bg-black hover:text-white p-1 pr-2 pl-2">Submit
          Resources</a>
        <a href="#contributors" class="font-semibold rounded bg-blue-100 hover:bg-black hover:text-white p-1 pr-2 pl-2">Contibutors</a>
      </nav>
      <a href="/" class="flex order-first lg:order-none lg:w-1/5 title-font font-medium items-center text-gray-900 lg:items-center lg:justify-center mb-4 md:mb-0">
        <img class="h-10 w-auto md:block" src="../assets/img/logo/resources-logo.png"></img>
      </a>
      <div class="lg:w-2/5 inline-flex lg:justify-end ml-5 lg:ml-0">
        <a href="design-and-graphics.html" class="inline-flex items-center bg-orange-300 border-0 py-1 px-3 focus:outline-none font-semibold hover:bg-blue-100 rounded text-lg mt-4 md:mt-0">
          <ion-icon class="text-base text-black pr-2 font-bold" name="book-outline"></ion-icon> Get Resources
          <ion-icon class="text-base text-black pl-1" name="arrow-forward-outline"></ion-icon>
        </a>
      </div>
    </div>
  </header>


  <section class="text-black body-font" id="home">
    <div class="container mx-auto flex px-5 py-10 md:flex-row flex-col items-center">

      <div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
        <img class=" w-auto md:block" src="../assets/img/home-banner.svg"></img>
      </div>
      <div class="lg:flex-grow md:w-1/2 lg:pl-24 md:pl-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
        <h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">All About Free Resources
          <br class="hidden lg:inline-block">On the Internet
        </h1>
        <p class="mb-8 leading-relaxed">Get free resources from the internet, collected & updated by 100+ sources and contributors from all over the globe.</p>
      </div>
    </div>
  </section>


  <section class="text-gray-700 body-font" id="submit-resources">
    <div class="container px-5 py-10 mx-auto flex items-center md:flex-row flex-col">
      <div class="flex flex-col md:pr-10 md:mb-0 mb-6 pr-0 w-full md:w-auto md:text-left text-center">
        <h2 class="text-xs text-green-500 tracking-widest font-medium title-font mb-1">SUBMIT RESOURCES WHICH
          ARE NOT IN LIST</h2>
        <h1 class="md:text-3xl text-2xl font-medium title-font text-gray-900">Want To Submit <br>Resources &
          Suggestions?
        </h1>
      </div>
      <div class="flex float-left md:ml-auto md:mr-40 mx-auto items-center flex-shrink-0">
        <a href="https://forms.gle/f2F89yQqj33Gt7gg6" target="_blank" class="bg-gray-200 inline-flex py-3 px-5 rounded-lg items-center hover:bg-gray-300 focus:outline-none">
          <ion-icon class="text-xl text-black pr-2 " name="enter-outline"></ion-icon>
          <span class="ml-4 flex items-start flex-col leading-none">
            <span class="text-xs text-gray-600 mb-1">SUBMIT IT</span>
            <span class="title-font font-medium">On This Link</span>
          </span>
        </a>
      </div>
    </div>
  </section>

  <footer class="text-gray-700 body-font pt-16">
    <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col border-t-2">
      <a href="/" class="flex order-first lg:order-none lg:w-1/5 title-font font-medium items-center text-gray-900 lg:items-center lg:justify-center mb-4 md:mb-0">
        <img class="h-10 w-auto md:block" src="../assets/img/logo/resources-logo.png"></img>
      </a>
      <span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
        <a href="https://github.com/dntandan/webresources" class="text-gray-500">
          <ion-icon class="text-xl text-black pr-2 " name="logo-github"></ion-icon>
        </a>
        <a href="https://twitter.com/dntandan" class="ml-3 text-gray-500">
          <ion-icon class="text-xl text-black pr-2 " name="logo-twitter"></ion-icon>
        </a>
        <a href="https://facebook.com/dntandan" class="ml-3 text-gray-500">
          <ion-icon class="text-xl text-black pr-2 " name="logo-facebook"></ion-icon>
        </a>
        <a href="https://linkedin.com/in/dntandan" class="ml-3 text-gray-500">
          <ion-icon class="text-xl text-black pr-2 " name="logo-linkedin"></ion-icon>
        </a>
      </span>
    </div>
  </footer>
  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</body>

</html>