tailwindcss

by Imri Paloja

HTML

<!-- jQuery (required for Select2) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Select2 CSS and JS -->
<link
  href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css"
  rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>

<label for="business-sector">Select your business sector:</label>
<select id="business-sector" name="business-sector" style="width: 100%">
  <optgroup label="Primary & Secondary Sectors">
    <option value="agriculture">
      Agriculture / Farming / Forestry / Fishing
    </option>
    <option value="mining">Mining / Quarrying / Oil & Gas</option>
    <option value="construction">Construction / Infrastructure</option>
    <option value="manufacturing">Manufacturing / Industrial Production</option>
    <option value="utilities">Utilities (Electricity, Water, Gas)</option>
  </optgroup>
  <optgroup label="Service & Commercial Sectors">
    <option value="retail">Retail / Wholesale / E-commerce</option>
    <option value="transportation">
      Transportation / Logistics / Supply Chain
    </option>
    <option value="hospitality">Hospitality / Tourism / Travel</option>
    <option value="real-estate">Real Estate / Property Development</option>
    <option value="finance">Banking / Financial Services / Insurance</option>
    <option value="legal">Legal / Law Services</option>
    <option value="consulting">Consulting / Business Services</option>
    <option value="education">Education / Training</option>
    <option value="healthcare">Healthcare / Medical Services</option>
    <option value="media">Media / Entertainment / Publishing</option>
    <option value="telecom">Telecommunications</option>
    <option value="marketing">Advertising / Marketing / PR</option>
    <option value="hr">Human Resources / Recruitment / Staffing</option>
  </optgroup>
  <optgroup label="Technology &...

CSS

/* Custom */
:root {
  --text-color: rgb(188, 183, 174);
  --background-color: rgb(27, 30, 31);
  --border-color: rgb(62, 68, 70);
  --border-focus-color: rgb(62, 68, 70);
  --object-background-color: rgb(34, 36, 38);
  --nav-menu-color: rgb(205, 200, 194) !important;
  --nav-menu-background-color: rgb(108, 13, 6) !important;
  --box-shadow: rgba(0, 0, 0, 0.75);
  --section-background-color: rgb(24, 26, 27);
  --link-color: rgb(118, 167, 212);
  --color-red: #8b0000ff;
  --color-green: #006400ff;
  --color-light-green: #90ee90ff;
  --color-dark-green: #006400ff;
  --color-blue: blue;

  /*
        Subtractive Color Model (CMY/CMYK)
    */

  --color-cyan: cyan;
  --color-magenta: magenta;
  --color-yellow: yellow;
  --color-black: black;
}

html,
body {
  font-family: "Raleway", sans-serif;
}

/*h1, h2, h2, h3, h4, h5, h6 {*/
/*    font-family: 'Audiowide', sans-serif;*/
/*}*/

h1,
h2 {
  font-family: "Audiowide", sans-serif;
}

/*section.bg-eb-gray {*/
/*    background: #F9F9F9 !important;*/
/*}*/

/*section.bg-eb-gray p {*/
/*    color: #454545 !important;*/
/*}*/

/*section.bg-eb-gray div p {*/
/*    color: #F9F9F9 !important;*/
/*}*/

/*section.bg-eb-gray h2 {*/
/*    color: #454545 !important;*/
/*}*/

.float-right {
  float: right;
}

.goals-table tr td img {
  margin-left: 20%;
  width: 45px;
}

#the-euroBytes-software-stack tr td img {
  margin-left: 25%;
}

.grayscale {
  filter: grayscale(100%);
}

/*
    Figure
*/

/*figure {*/
/*    text-align: center;*/
/*}*/

/*figure figcaption {*/
/*    text-align: center;*/
/*    font-size: 12px;*/
/*}*/

figure figcaption ul.links {
  list-style-type: none;
}

figure figcaption ul.links li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  border-right: 1px solid var(--border-color);
}

figure figcaption ul.links li img {
  width: 30px !important;
  vertical-align: middle;
  height:...

JavaScript

;(() => {
  var qv = Object.create
  var Hi = Object.defineProperty
  var $v = Object.getOwnPropertyDescriptor
  var Lv = Object.getOwnPropertyNames
  var Mv = Object.getPrototypeOf,
    Nv = Object.prototype.hasOwnProperty
  var df = (r) => Hi(r, "__esModule", { value: !0 })
  var hf = (r) => {
    if (typeof require != "undefined") return require(r)
    throw new Error('Dynamic require of "' + r + '" is not supported')
  }
  var P = (r, e) => () => (r && (e = r((r = 0))), e)
  var x = (r, e) => () => (e || r((e = { exports: {} }).exports, e), e.exports),
    Ge = (r, e) => {
      df(r)
      for (var t in e) Hi(r, t, { get: e[t], enumerable: !0 })
    },
    Bv = (r, e, t) => {
      if ((e && typeof e == "object") || typeof e == "function")
        for (let i of Lv(e))
          !Nv.call(r, i) &&
            i !== "default" &&
            Hi(r, i, {
              get: () => e[i],
              enumerable: !(t = $v(e, i)) || t.enumerable,
            })
      return r
    },
    pe = (r) =>
      Bv(
        df(
          Hi(
            r != null ? qv(Mv(r)) : {},
            "default",
            r && r.__esModule && "default" in r
              ? { get: () => r.default, enumerable: !0 }
              : { value: r, enumerable: !0 },
          ),
        ),
        r,
      )
  var m,
    u = P(() => {
      m = { platform: "", env: {}, versions: { node: "14.17.6" } }
    })
  var Fv,
    be,
    ft = P(() => {
      u()
      ;(Fv = 0),
        (be = {
          readFileSync: (r) => self[r] || "",
          statSync: () => ({ mtimeMs: Fv++ }),
          promises: { readFile: (r) => Promise.resolve(self[r] || "") },
        })
    })
  var Fs = x((oP, gf) => {
    u()
    ;("use strict")
    var mf = class {
      constructor(e = {}) {
        if (!(e.maxSize && e.maxSize > 0))
          throw new TypeError("`maxSize` must be a number greater than 0")
        if (typeof e.maxAge == "number" &&...