Website Design

Posts

Showing posts from August, 2020

Contact Form tag Using HTML

- August 19, 2020

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

- August 15, 2020

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

- August 11, 2020

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