Girfa : Student Help: html tempalte

Friday, 3 October 2025

Responsive Image Slider | HTML, CSS, Js

Looking for a simple and responsive image slider for your website? Here you can download a free image slider made with pure HTML, CSS, and JavaScript. It is lightweight, fast-loading, and fully mobile-friendly, making it perfect for blogs, portfolios, and business websites. This slider supports smooth transitions, modern design, and can be easily customized to match your theme. No heavy libraries required—just copy, paste, and integrate into your project!

HTML

Raj Kumar

A programmer and Founder of Girfa IT Services, working from 2009.At Starting computer teaching was my full-time job but after 10 years of teaching I chose to programming as a full-time job and teaching become part-time. In real life, I am very lazy and I made it my coding style I always try to make a reusable component that’s my USP for programming which saves my time and extra working both.

Tuesday, 11 July 2023

Marksheet Template HTML | CSS

Educational Markheet template created using HTML and CSS. You can use this template for college results. This code is tested and you can create PDF while printing .

Source Code

<html> <head> <title> Markesheet </title> <style> body{background-image:url('bg.jpg');background-size:cover;} .container { padding-right: 15%; padding-left: 15%; margin-right: auto; margin-left: auto; } @media(max-width:700px) { .container { padding-right: 5%; padding-left: 5%; } } .border{border:solid 1px black;} .imglogo{display:block;margin:auto} @media(max-width:700px) { .imglogo { width: 80%; } } .bold{font-weight:bolder;} .border-top{border-top:solid 1px black;} .border-left{border-left:solid 1px black;} .border-right { border-right: solid 1px black; } .padl{padding-left:5px;} .padr { padding-right: 5px; } </style>