The latest articles on DEV Community by Alex (@alexbsoft). https://dev.to/alexbsoft https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F287009%2F60198144-e44e-4bee-9d9e-194c1c0deb71.png https://dev.to/alexbsoft en Alex Sat, 07 Dec 2019 14:21:11 +0000 https://dev.to/alexbsoft/windows-95-bootstrap-theme-ao0 https://dev.to/alexbsoft/windows-95-bootstrap-theme-ao0 <p>Hello,</p> <p>I want to introduce my Bootstrap 4 theme - Win95.CSS.</p> <p>This theme stylized to look like windows 95/98. Here it is 1758 Windows 98 icons, cards like win98 apps, buttons and forms. <br> You can create awesome websites using it!</p> <p><a href="https://alexbsoft.github.io/win95.css/" rel="noopener noreferrer">Demo here</a></p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa62m4u6e1mbmbtldp0pt.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa62m4u6e1mbmbtldp0pt.png" width="800" height="637"></a></p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/AlexBSoft" rel="noopener noreferrer"> AlexBSoft </a> / <a href="https://github.com/AlexBSoft/win95.css" rel="noopener noreferrer"> win95.css </a> </h2> <h3> Responsive Bootstrap 4 windows 95/98 theme &amp; landing page template </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <p> <a href="https://alexbsoft.github.io/win95.css/" rel="nofollow noopener noreferrer"> <img src="https://camo.githubusercontent.com/fc206492ff06e97e3bfd806383d3dd4ab49725379c8d3e98fd5a8984d6123abc/68747470733a2f2f692e696d6775722e636f6d2f6b6258416354412e706e67"> </a> </p> <div class="markdown-heading"> <h1 class="heading-element">Win95.CSS</h1> </div> <p>Make your bootstrap look like Windows 95/98.</p> <p> <a href="https://alexbsoft.github.io/win95.css/personal_page.html" rel="nofollow noopener noreferrer"> <img src="https://camo.githubusercontent.com/786c0d6f56fa45997733aae4dda8e3736a74e0d142105a601471888449d79ad0/68747470733a2f2f692e696d6775722e636f6d2f765039417a64472e706e67"> </a> </p> <ul> <li><a href="https://alexbsoft.github.io/win95.css/" rel="nofollow noopener noreferrer">Demo</a></li> <li>Documentation will be soon.</li> </ul> <div class="markdown-heading"> <h3 class="heading-element">Sponsored by</h3> </div> <p><a href="https://bomjar.ga" rel="nofollow noopener noreferrer"><br> <img src="https://camo.githubusercontent.com/50c94b76e68444cb5571c40dbda9e7f31bac0f8dc57910731da0c1f1b4fa78bf/68747470733a2f2f626f6d6a61722e67612f6173736574732f6c6f676f2e706e67">Bomjar.ga</a>- $1 unlimited PHP hosting</p> <div class="markdown-heading"> <h2 class="heading-element">Features</h2> </div> <ul> <li> <p>Windows 95 button styles</p> </li> <li> <p>Windows 98 cards</p> </li> <li> <p>Windows 98 icons (256-color)</p> </li> <li> <p>Fully Responsive</p> </li> <li> <p>Bootstrap 4</p> </li> </ul> <div class="markdown-heading"> <h2 class="heading-element">Some screenshots</h2> </div> <p><a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/f77d796857fe10fd0a274cdfbc6d0014b5b27ef64446aa8d468c2871805fc3d2/68747470733a2f2f692e696d6775722e636f6d2f4167516f6e6a622e706e67"><img src="https://camo.githubusercontent.com/f77d796857fe10fd0a274cdfbc6d0014b5b27ef64446aa8d468c2871805fc3d2/68747470733a2f2f692e696d6775722e636f6d2f4167516f6e6a622e706e67" alt=""></a></p> <div class="markdown-heading"> <h3 class="heading-element">How your sites can be:</h3> </div> <p><a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/a3d4a2e38aa3c271f6262c7de6fe47773eaa848389204b1b0a544612337fed1a/68747470733a2f2f692e696d6775722e636f6d2f72544458594f452e706e67"><img src="https://camo.githubusercontent.com/a3d4a2e38aa3c271f6262c7de6fe47773eaa848389204b1b0a544612337fed1a/68747470733a2f2f692e696d6775722e636f6d2f72544458594f452e706e67" alt=""></a></p> <p><a rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/3a28a9db443a67b2247c20c8f0acb41886d25130f83759aa36ef3dd8403c9251/68747470733a2f2f692e696d6775722e636f6d2f6d6561394c6d4b2e706e67"><img src="https://camo.githubusercontent.com/3a28a9db443a67b2247c20c8f0acb41886d25130f83759aa36ef3dd8403c9251/68747470733a2f2f692e696d6775722e636f6d2f6d6561394c6d4b2e706e67" alt=""></a></p> <div class="markdown-heading"> <h2 class="heading-element">Sources:</h2> </div> <ul> <li>Webamp <a href="https://github.com/captbaritone/webamp" rel="noopener noreferrer">https://github.com/captbaritone/webamp</a> </li> <li>Clippy.js <a href="https://www.smore.com/clippy-js" rel="nofollow noopener noreferrer">https://www.smore.com/clippy-js</a> </li> </ul> </div> <br> <br> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/AlexBSoft/win95.css" rel="noopener noreferrer">View on GitHub</a></div> <br> </div> <br> css design html