Grid template_1

**Grid template **

Design a Grid template that look exactly like the above image...

Create a file "Grid_template_1.html" in the modules/grid_template folder.

Use simple HTML and CSS and JAVASCRIPT to create the template. You can use the interface development https://kwickerhub.com (This project) or you can write the lines of code yourself.

Step by Step Guide.

Fork this project(Use the 'fork' button in the top right corner) and Clone your Fork.
git clone https://github.com/YOUR_USERNAME/frontend

Open your code Editor and Create a file "grid_template_1.html" in the "modules/grid_template" folder of this project you just cloned. No need to create head, title and body tags, Just Add a div tag with some embedded style(i.e use the style tag) and the script tag where necessary.

If you want to add an image resource, please add it in the folder ••
"modules/grid_template/images_and_icons"
We recommend you use an svg for your image/icon.

Push your Code: You need to push your recent changes back to the cloud. Use the command below in the main directory of this Repository

git push origin dev

or use a GUI tool to avoid mistakes or complexity. LOL.

Make you Pull Request...
Good-luck.

Create modules/grid_template/Grid_template_1.html and use the reference image in the issue as the visual target. Start by reviewing the grid_template folder and its images_and_icons subfolder, then render the new file to compare its layout with the image; done means the template matches the reference and uses the requested HTML, CSS, and JavaScript.