Posts

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);   ...

Responsive Website using HTML and CSS

Image
Responsive Website using HTML And CSS   | 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 <html> <head>     <head>        ...

Responsive Updated Website using HTML and CSS - Source Code

Image
                     Updated Website| 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 <html> <head>    ...

Business Card Design | HTML And CSS | Website Design

Image
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...

Creative Login Form Using HTML And CSS

Image
                                                                            Source Code Download Here                                                                     Like | Follow | Subscribe