j2rock.github.io/index.html at main · j2rock/j2rock.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
<!DOCTYPE html>
<html>
<script src="components/common.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    loadHeader('', 'MG');
    loadDarkModeToggle();

    const container = document.querySelector('.container');
    const itxHeader = document.createElement('div');
    itxHeader.className = 'mt-5 mb-3';
    itxHeader.innerHTML = '<h2>ITX Cases</h2>';
    container.appendChild(itxHeader);

    const itxRow = document.createElement('div');
    itxRow.className = 'row';
    itxRow.innerHTML =
      createProductCard('S400') +
      createProductCard('S300') +
      createProductCard('GM100');
    container.appendChild(itxRow);

    const openAirHeader = document.createElement('div');
    openAirHeader.className = 'mt-5 mb-3';
    openAirHeader.innerHTML = '<h2>Open Air Cases</h2>';
    container.appendChild(openAirHeader);

    const openAirRow = document.createElement('div');
    openAirRow.className = 'row';
    openAirRow.innerHTML =
      createProductCard('E02') +
      createProductCard('W01') +
      createProductCard('E02H24');
    container.appendChild(openAirRow);

    const footerTop = document.createElement('div');
    footerTop.innerHTML = '<br><br><br>';
    container.appendChild(footerTop);

    loadFooter();
  });
</script>
<body>
  <div class="container mt-5">
    <div class="jumbotron text-center mb-5">
      <h1>M I N I N G E E K</h1>
      <p class="lead">less volume, more freedom</p>
    </div>
  </div>
</body>
</html>