I became tired of the generic placeholder websites and intrusive advertisements commonly used by web hosting providers. To resolve this issue, I set out to design a more visually engaging and polished "website under construction" template.
- HTML
- CSS
- Tailwind CSS
- JavaScript
- Alpine.js
- Clone the repository
$ git clone https://github.com/jonaszkadziela/website-under-construction.git - Enter website-under-construction project directory
$ cd website-under-construction - Open index.html file
- In
assets/images/favicon.png, you SHOULD:- Replace placeholder
favicon.pngwith your own file
- Replace placeholder
- In
assets/js/main.js, you SHOULD:- Change default language via
langvalue - Change contact information via
contactEmailvalue - Adjust default translations via
transvalue
- Change default language via
- In
assets/css/main.css, you COULD:- Change color of animated background via
gradient-color-{1,2,3,4}CSS variables - Adjust animation speed via
gradient-speedCSS variable
- Change color of animated background via
- In
index.html, you COULD:- Change background fallback color via
<body class="bg-[#15319f] ...">hex value
- Change background fallback color via
- Just copy
index.htmlandassetsdirectory along with its contents to your web server