Popular posts from this blog
Contact Form tag Using HTML
OWL Carousel 1. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha256-UhQQ4fxEeABh4JrcmAJ1+16id/1dnlOEVCFOxDef9Lw=" crossorigin="anonymous" /> . <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha256-kksNxjDRxd/5+jGurZUJd1sdR2v+ClrCl3svESBaJqw=" crossorigin="anonymous" /> Font Awesome CDN <script src="https://kit.fontawesome.com/23412c6a8d.js"></script> CSS Google Font /* Import fonts from google font */ @import url('https://fonts.googleapis.com/css?family=Lobster|Montserrat&display=swap'); CSS Using Variables Tag /* Variables */ :root{ --primary-gradient: linear-gradient(to right, #4e4376, #2b5876); ...
Business Card Design | HTML And CSS | Website Design
BusinessCard Design | HTML And CSS | When we design any websites, we need to design a profile page, which is contained the profile card. Apart from this, we design a profile card of our clients, users, employees to show the profile of them. For an attractive website ui design, we need to design an attractive profile card with various animation effects. Here I am going to design a profile card. This profile card is very simple and attractive, does not contain too many effects. In this profile card design, I will put some details of the user like user picture, name, position and a simple button with hover effect. So let's get started. 1. CREATE HTML BLOCK Before starting writing code, we need to create a basic structure of an HTML document, so that the browser can understand document type and may start some process. The basic HTML structure looks as below. 2. ADD HTML <!DOCTYPE html> <html> <head> <t...

Comments
Post a Comment