maliciouserection.github.io/index.html at main · MaliciousErection/maliciouserection.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
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
---
layout: default
---

<main>
  <section class="bg-base-100">
    <div class="flex justify-center items-center">
      <div class="flex flex-col flex-1 gap-5 px-5 md:px-10">
        <h1
          class="bg-clip-text bg-gradient-to-r from-primary to-accent font-bold text-transparent text-4xl md:text-6xl text-center md:text-start"
        >
          {{ site.data.home.title }}
        </h1>
        <p class="text-gray-200 text-md md:text-xl text-center md:text-start">
          {{site.data.home.subtitle}}
        </p>
        <img
            src="{{ site.data.home.image1 | relative_url }}"
            alt="Axolotl-text"
            class="md:hidden block rounded h-full"
          />
        <a
          target="_blank" rel="noopener noreferrer"
          href="{{site.data.home.banner_cta.link | relative_url}}"
        >
          <img
            src="{{ site.data.home.image2 | relative_url }}"
            alt="Axolotl-face"
            class="md:hidden block rounded h-full"
            style="width: 26rem;"
          />
        </a>

      </div>
      <div class="hidden md:flex flex-col flex-1 items-center">
        <img
            src="{{ site.data.home.image1 | relative_url }}"
            alt="Axolotl-text"
            class="rounded h-full"
          />
        <a
          target="_blank" rel="noopener noreferrer"
          href="{{site.data.home.banner_cta.link | relative_url}}"
        >
          <img
            src="{{ site.data.home.image2 | relative_url }}"
            alt="Axolotl-face"
            class="rounded h-full"
            style="width: 26rem;"
          />
        </a>
      </div>
    </div>
  </section>
  <section class="mx-auto px-5 py-10 container">
    <section class="flex items-start gap-5 py-20">
      <div class="hidden lg:flex flex-col flex-1 p-10">
        <img
          src="{{ 'assets/images/course-image.png' | relative_url }}"
          class="rounded w-full"
        />
        <div class="flex justify-center gap-3">
          {% for item in site.data.home.about_ratings %}
          <div class="card">
            <div class="text-center card-body">
              <h3 class="font-bold text-warning text-5xl">{{item.value}}</h3>
              <p class="font-bold text-lg">{{item.title}}</p>
            </div>
          </div>
          {% endfor %}
        </div>
      </div>
      <div class="flex flex-col flex-1 space-y-5">
        <h2 class="font-bold text-secondary text-3xl">
          {{site.data.home.about_training_title}}
        </h2>
        <p>{{site.data.home.about_training_description}}</p>
        <img
          src="{{ 'assets/images/course-image.png' | relative_url }}"
          class="lg:hidden block rounded w-full"
          alt="{{site.data.home.about_training_title}}"
        />
        {% for item in site.data.home.about_training_features %}
        <div
          class="card-body bg-base-300"
          style="padding: .69rem;"
        >
          <div
            class="card-title flex items-center gap-3 font-medium text-secondary text-center"
            style="padding-left: .69rem"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              fill="none"
              viewBox="0 0 24 24"
              stroke-width="1.5"
              stroke="currentColor"
              class="size-6"
            >
              <path
                stroke-linecap="round"
                stroke-linejoin="round"
                d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"
              />
            </svg>
            {{ item.title}}
          </div>
          <div
            class="card text-left"
            style="padding-left: .69rem"
          >
            <p>{{item.description}}</p>
          </div>
        </div>
        {% endfor %}
      </div>
    </section>
  </section>
  <section class="bg-base-300">
    <div class="mx-auto px-5 py-20 container">
      <div class="flex items-start gap-5">
        <div class="flex flex-col flex-1 space-y-5">
          <div class="flex justify-center">
            <img
              src="{{ 'assets/images/instructor.webp' | relative_url }}"
              class="block rounded-full w-32"
              alt="Instructor"
            />
          </div>
          <h2 class="font-bold text-3xl text-center">
            {{site.data.home.about_instructor_title}}
          </h2>
          <div class="font-medium text-md text-secondary text-center">
            {{site.data.home.about_instructor_position}}
          </div>
          <p>{{site.data.home.about_instructor_description | newline_to_br}}</p>
          <iframe
            class="lg:hidden block w-full aspect-video"
            width="378"
            height="669"
            src="{{site.data.home.about_instructor_video}}"
            title="YouTube video player"
            frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen
          ></iframe>
        </div>
        <div class="hidden lg:flex flex-1 justify-center">
          <iframe
            class="w-full aspect-video"
            width="378"
            height="669"
            src="{{site.data.home.about_instructor_video}}"
            title="YouTube video player"
            frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
            allowfullscreen
          ></iframe>
        </div>
      </div>
    </div>
  </section>
  <section class="mx-auto px-5 py-10 container">
    <div
      class="bg-gradient-to-b from-secondary to-accent shadow-xl text-accent-content card"
    >
      <div class="card-body">
        <h3 class="text-2xl card-title">{{site.data.home.banner_title}}</h3>
        <p class="mb-5 text-lg">{{site.data.home.banner_description}}</p>
          <div class="flex">
          <a target="_blank" rel="noopener noreferrer" class="bg-gradient-to-b from-base-100 shadow-lg btn btn-lg to base-300" href="{{site.data.home.banner_cta.link | relative_url}}">
          {{site.data.home.banner_cta.text}}</a>
        </div>
      </div>
    </div>
  </section>
  <section class="bg-base-200">
    <div class="mx-auto px-5 py-10 container">
    <div class="flex justify-center">
      <h2 class="font-bold text-secondary text-3xl">Latest blog posts</h2>
    </div>
    <div class="grid grid-cols-1 md:grid-cols-3">
      {% for post in site.posts limit: 3 %}
      <div class="card">
        <div class="card-body">
          <a href="{{ post.url | relative_url }}">
            <img
              src="{{ post.image | relative_url }}"
              alt="{{ post.title }}"
              class="rounded object-cover aspect-video"
            />
          </a>
          <div class="flex justify-between items-center mt-5">
            <div>
              <a href="{{ post.url | relative_url }}" class="card-title">{{ post.title }}</a>
              <div class="text-gray-500 text-xs">
                {{ post.date | date: "%b %-d, %Y" }}
              </div>
            </div>
            <a href="{{ post.url | relative_url}}" class="btn btn-sm btn-secondary">Read more</a>
          </div>
        </div>
      </div>
      {% endfor %}
    </div>
  </section>
</main>