STRIKE--Website/genai.html at main · CodeWithSahilShaikh/STRIKE--Website · 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
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>STRIKE — Generative AI (Gen AI) Course</title>
  <meta name="description"
    content="STRIKE — Gen AI course. Hands-on recorded videos, projects, and early-bird discount." />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style2.css">
  <link rel="icon" type="image/png" href="images/logo.png">
</head>

<body>
  <div class="container">
    <!-- header -->
    <header>
      <a class="brand" href="index.html">
        <img src="images/logo.png" alt="STRIKE logo">
        <div style="line-height:1">
          <div style="font-weight:800;letter-spacing:1px">STRIKE</div>
          <div style="font-size:12px;color:var(--muted)">by CoderArmy</div>
        </div>
      </a>

      <!-- Hamburger Toggle -->
      <input type="checkbox" id="menu-toggle" class="menu-toggle">
      <label for="menu-toggle" class="menu-toggle-label">
        <span></span>
        <span></span>
        <span></span>
      </label>

      <nav aria-label="Primary">
        <a href="index.html">Home</a>
        <a href="index.html#courses">Courses</a>
        <a href="#curriculum">Curriculum</a>
      </nav>
    </header>

    <!-- page grid -->
    <div class="course-shell">

      <!-- LEFT: main content -->
      <div>
        <!-- banner -->
        <div class="banner">
          <img src="images/genai.png" alt="Generative AI Course Banner" />
        </div>

        <!-- main card -->
        <div class="main-card" id="curriculum">
          <div class="title-row">
            <div class="course-title">Gen AI — Generative Artificial Intelligence</div>
            <div class="meta-small">Course Start: <strong>18 October 2025</strong> • Validity: <strong>3 Years</strong>
              • Language: <strong>Hinglish</strong></div>
          </div>

          <div class="tags" aria-hidden="true">
            <div class="pill">Beginner-friendly</div>
            <div class="pill">150+ hours</div>
            <div class="pill">20+ Projects</div>
          </div>

          <p class="overview">
            This is a complete course on Generative Artificial Intelligence (Gen AI). All videos are prerecorded so you
            can learn at your own pace and gain hands-on skills to build GenAI products. The course covers LLM
            internals, transformers, prompt engineering, fine-tuning, multimodal systems and deployment.
          </p>

          <div class="cta-actions">
            <a class="btn btn-primary" href="#enroll">Enroll — Early Bird</a>
            <div class="note">Limited early-bird seats — <strong>15% off</strong> on original price ₹6,999 (limited
              time).</div>
          </div>

          <div class="section">
            <h3>What you'll learn</h3>
            <ul class="learn-list" aria-label="What you'll learn">
              <li>Understand AI, ML & Deep Learning fundamentals</li>
              <li>How LLMs & Transformers work — tokenization & embeddings</li>
              <li>Prompt engineering & fine-tuning techniques</li>
              <li>Image generation with diffusion models (Stable Diffusion, Midjourney)</li>
              <li>Text generation with GPT models & agents</li>
              <li>LangChain, OpenAI API, Hugging Face workflows</li>
              <li>Vector DBs & RAG; deploying Gen AI apps</li>
              <li>Ethics, bias and safe AI practices</li>
            </ul>
          </div>

          <!-- COURSE CONTENT -->
          <div class="section">
            <h3>Course content (selected topics)</h3>
            <div class="topics-grid">
              <div class="topic">
                <strong>Foundations</strong>
                <ul class="muted" style="margin-top:8px;padding-left:18px;">
                  <li>Introduction to Artificial Intelligence</li>
                  <li>Machine Learning & Deep Learning basics</li>
                  <li>Neural Networks fundamentals</li>
                </ul>
              </div>

              <div class="topic">
                <strong>Generative Models & LLMs</strong>
                <ul class="muted" style="margin-top:8px;padding-left:18px;">
                  <li>What is Generative AI</li>
                  <li>Transformers & tokenization</li>
                  <li>Embeddings & vector databases</li>
                </ul>
              </div>

              <div class="topic">
                <strong>Practical GenAI</strong>
                <ul class="muted" style="margin-top:8px;padding-left:18px;">
                  <li>Prompt engineering essentials</li>
                  <li>Fine-tuning & parameter-efficient tuning</li>
                  <li>Image generation with diffusion models</li>
                </ul>
              </div>

              <div class="topic">
                <strong>Deployment & Tools</strong>
                <ul class="muted" style="margin-top:8px;padding-left:18px;">
                  <li>LangChain, OpenAI API, Hugging Face</li>
                  <li>Agents, chatbots & voice AI</li>
                  <li>Deploying apps & productization</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- RIGHT: sidebar -->
      <aside class="sidebar">
        <!-- price card -->
        <div class="panel" aria-labelledby="price-heading">
          <div id="price-heading" style="font-weight:800;color:var(--accent)">Course Price</div>
          <div style="margin-top:8px">
            <div class="price-old">₹6,999</div>
            <div class="price-now">₹5,949 <small style="font-size:14px;color:var(--muted)">Early Bird</small></div>
            <div class="save-note">You save ₹1,050 (15% OFF)</div>
          </div>

          <div style="margin-top:14px;display:flex;gap:10px;flex-direction:column">
            <a class="btn btn-primary" href="#enroll">Enroll Now</a>
          </div>

          <div style="margin-top:12px;font-size:13px;color:var(--muted)">Limited early-bird seats. Pricing valid until
            the cohort fills out.</div>
        </div>

        <!-- includes -->
        <div class="panel">
          <div style="font-weight:800;margin-bottom:8px;color:var(--accent)">This course includes</div>
          <ul style="margin:0;padding-left:18px;color:var(--muted)">
            <li>150+ hours recorded videos</li>
            <li>20+ practical projects & assignments</li>
            <li>Hands-on demos with OpenAI, Hugging Face & LangChain</li>
            <li>Interview prep & portfolio guidance</li>
            <li>Completion certificate</li>
          </ul>
        </div>

        <!-- small info card -->
        <div class="panel">
          <div style="font-weight:800;color:var(--accent);margin-bottom:8px">Course Details</div>
          <div class="muted" style="font-size:14px">
            <strong>Start:</strong> 18 Oct 2025<br>
            <strong>Validity:</strong> 3 Years<br>
            <strong>Language:</strong> Hinglish<br>
            <strong>Tools:</strong> Python, TensorFlow, PyTorch, LangChain
          </div>
        </div>
      </aside>

    </div> <!-- end course-shell -->
  </div> <!-- end container -->
</body>

</html>