codesfromvikrant.github.io/blogs.php at main · codesfromvikrant/codesfromvikrant.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
<section class="xl:px-48 sm:px-8 px-4 py-28 bg-[#eaeef4]">
  <div class="w-full border-[#0038FF] border-l-8 pl-4">
    <h3 class="publicsans text-4xl font-extrabold text-gray-900">Blogs..</h3>
  </div>

  <p class="text-gray-900 font-[Nunito] text-base font-normal lg:w-1/2 w-full mt-4">Here are some of my blogs I have done by well researching on the topics like JavaScript and CSS. By reading these blogs it will help both beginners as well as intermediate level developers to get more information and improve their knowledge.</p>

  <div class="grid md:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-6 px-10 mt-12">
    <div class="polygon shadow-lg px-4 py-6 border-t-4 border-[#0038FF]">
      <h4 class="text-gray-800 font-extrabold text-[1.5rem] publicsans ">The JavaScript Engine
        and Runtime
      </h4>
      <h6 class="text-[#0038FF] font-medium text-sm font-[Nunito] mt-1">#mastering javascript</h6>
      <p class="text-sm text-gray-700 font-[Nunito] mt-1">The first JavaScript engines were mere interpreters, but
        all relevant modern engines..</p>

      <div class="bg-[url('images/execution.png')] bg-cover bg-center w-full h-36 my-4"></div>
    </div>

    <div class="polygon shadow-lg px-4 py-6 border-t-4 border-[#fffb00]">
      <h4 class="text-gray-800 font-extrabold text-[1.5rem] publicsans ">Execution Context in JavaScript
      </h4>
      <h6 class="text-[#0038FF] font-medium text-sm font-[Nunito] mt-1">#mastering javascript</h6>
      <p class="text-sm text-gray-700 font-[Nunito] mt-1">The first JavaScript engines were mere interpreters, but
        all relevant modern engines..</p>

      <div class="bg-[url('images/execution.png')] bg-cover bg-center w-full h-36 my-4"></div>
    </div>

    <div class="polygon shadow-lg px-4 py-6 border-t-4 border-[#ff00ff]">
      <h4 class="text-gray-800 font-extrabold text-[1.5rem] publicsans ">Scope and The Scope Chain
      </h4>
      <h6 class="text-[#0038FF] font-medium text-sm font-[Nunito] mt-1">#mastering javascript</h6>
      <p class="text-sm text-gray-700 font-[Nunito] mt-1">The first JavaScript engines were mere interpreters, but
        all relevant modern engines..</p>

      <div class="bg-[url('images/execution.png')] bg-cover bg-center w-full h-36 my-4"></div>
    </div>

    <div class="polygon shadow-lg px-4 py-6 border-t-4 border-[#ff003c] sm:block hidden">
      <h4 class="text-gray-800 font-extrabold text-[1.5rem] publicsans ">Variable Enviroment: Hoisting and The TDZ
      </h4>
      <h6 class="text-[#0038FF] font-medium text-sm font-[Nunito] mt-1">#mastering javascript</h6>
      <p class="text-sm text-gray-700 font-[Nunito] mt-1">The first JavaScript engines were mere interpreters, but
        all relevant modern engines..</p>

      <div class="bg-[url('images/execution.png')] bg-cover bg-center w-full h-36 my-4"></div>
    </div>

    <div class="polygon shadow-lg px-4 py-6 border-t-4 border-[#00ff73] sm:block hidden">
      <h4 class="text-gray-800 font-extrabold text-[1.5rem] publicsans ">The This Keyword in JavaScript
      </h4>
      <h6 class="text-[#0038FF] font-medium text-sm font-[Nunito] mt-1">#mastering javascript</h6>
      <p class="text-sm text-gray-700 font-[Nunito] mt-1">The first JavaScript engines were mere interpreters, but
        all relevant modern engines..</p>

      <div class="bg-[url('images/execution.png')] bg-cover bg-center w-full h-36 my-4"></div>
    </div>

    <div class="polygon shadow-lg px-4 py-6 border-t-4 border-[#ff9d00] sm:block hidden">
      <h4 class="text-gray-800 font-extrabold text-[1.5rem] publicsans ">Primitives vs Reference types
      </h4>
      <h6 class="text-[#0038FF] font-medium text-sm font-[Nunito] mt-1">#mastering javascript</h6>
      <p class="text-sm text-gray-700 font-[Nunito] mt-1">The first JavaScript engines were mere interpreters, but
        all relevant modern engines..</p>

      <div class="bg-[url('images/execution.png')] bg-cover bg-center w-full h-36 my-4"></div>
    </div>
  </div>

  <div class="flex justify-center items-center mt-12">
    <button class="font-[Nunito] text-white font-semibold bg-gray-900 px-6 py-2 rounded">View All</button>
  </div>
</section>