Dimpa Dimitris web design blog | Dimitri blog, Dimpa, Beautiful day in the park today, Sketching Time, Ping pong, colors, flowers

Using the same structure without bootstrap we create a nice template using a sliding mobile responsive megamenu: Link: http://works.dimpa.eu/ergasies/plug/

Tutorial 3. Creating a nice University Web Template Using SCSS

July 18, 2021 12:34 pm Posted by: dimi

Using the same nice scss structure on the first tutorial we have created a simple and net responsive bootstrap 4 template for University. Link: http://works.dimpa.eu/ergasies/university/ Github to download code: https://github.com/dimi9999/Bootstrap-SCSS-Project

Tutorial 2. Creating a nice T-Shirt stamps shop Using SCSS & Woocommerce

June 10, 2021 12:46 pm Posted by: dimi

Downloaded woocommerce and setup a small demo online shop, using technologies, css3, sass, html5 and jquery. The philosophy is to use the OOTB woocommerce code and simply reskin the template using css or scss so that it can work with updates. There is a lot of documentation here https://docs.woocommerce.com/. Here is the template created so you can get an idea: Woocommerce Clothes Demo Shop.

Tutorial 1. Google Home Page Using Flexbox & SCSS

February 3, 2021 12:25 am Posted by: dimi

The basic philosophy is to use flex-box in headers and an internal container to style the form. Also in this tutorial we will be using a basic sass structure using typography , mix-ins, UI Fabric and a custom style. By combining them all together we can then re-use lots of our CSS code from mix-ins by adding the @include command. For writing nice and neat sass code I got an idea from a really great colleague , Bibek , who I would like to thank and he does some nice tutorials on YouTube. Search for “code with Bibek” in YouTube to get an idea of his simple and neat work. For the compilation we used Koala application. View and download code here: Google Home Page […]

Providing web design & development

View all Our artwork (coming soon)