Create a Coming Soon Page with CSS and JavaScript

AmitDiwan
Updated on 17-Nov-2023 10:29:16

319 Views

We will create a coming soon page with a timer. The timer is set using the setInterval() function. The time is fetched using the getTime() function. Set the div We have set the image as a div class. Rest, the coming soon text and the timer is placed within it − COMING SOON Place the Image The image is now placed using the background-image property. The position is set using the background-position property” .bgimg { background-image: url("https://images.pexels.com/photos/117602/pexels-photo-117602.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"); height: ... Read More

Create a Card with CSS

AmitDiwan
Updated on 17-Nov-2023 10:25:09

421 Views

On a web page, we can easily create a card like you must have seen on a Team’s page. The employee name, and designation is visible with a thumbnail image. With CSS, we can easily a card and also set the hover style using the :hover selector. Set the Card Image The element is used to set the image for the card. Place it inside a div − Amit Diwan Founder ... Read More

Create a Button Group with CSS

AmitDiwan
Updated on 17-Nov-2023 10:22:33

647 Views

On a web page, we can easily create a button group. We will create a single div for all the buttons in a button group. They will be set with display inline-block. Also, the hover effect will be set. Create a Button Group on a web Page In a div, set the buttons using the element − Facebook Twitter LinkedIn Style the Button Groups The display suggests how to control the layout of an element. In this case, the inline-block of the display property displays ... Read More

Create Notes with CSS

AmitDiwan
Updated on 17-Nov-2023 09:54:18

595 Views

To create a design like notes, we need to style it according with CSS on a web page. Consider the sticky notes provided by Google Keep. It provided different color label options. Let us see how to create some notes. Set Different Divs for Notes Here, we are creating three notes, representing danger success and information. We have set different divs − Danger!Operation may damage your computer Success!Operation has been performed successfully Info!Need more resources to perform this operation Danger Note For our ... Read More

Copy Text to the Clipboard with JavaScript

AmitDiwan
Updated on 17-Nov-2023 09:46:14

587 Views

To copy text to the clipboard, we will use the HTMLInputElement methods, select() and setSelectionRange(). With that, we have also used the document execCommand() method to copy. Create an Input Text We will create an input text. This will the text that we will copy to the clipboard Set a Button We will click this button to copy the clipboard text − Copy text You can also style the button accordingly − button { border: none; outline: none; background-color: rgb(191, 187, 255); ... Read More

Clear Floats with the Clearfix Hack in CSS

AmitDiwan
Updated on 16-Nov-2023 16:17:10

115 Views

The floats in CSS defines how an element should float. Let’s say, an element is taller than the element containing it. If it is floated, it will overflow outside of its container. Therefore, it’s hack is to use the overflow property and set the value auto. Without Clearfix Let us understand the issue by running the following program. Clearly, overflow occurs and the image moves outside − Example body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } ... Read More

Clear Input Field on Focus with CSS

AmitDiwan
Updated on 16-Nov-2023 15:34:07

2K+ Views

To clear an input field, first create an input filed. To clear, use the onfocus attribute. Let us see with two examples. Create an Input Field First, use the input type to create an input field in a form on a web page − Clear the Input Field on Focus To clear the input field, use the onfocus attribute. Clear an Input Field on Focus The following is the code to clear an input field on focus − Clearing an input field on focus example Click on the above field to clear its value Clear Input Fields Let us see an ... Read More

Full Form of GFS

Praveen Varghese Thomas
Updated on 16-Nov-2023 14:56:57

393 Views

Introduction Government Finance Statistics (GFS) includes a wide range of elements, including revenue, spending, assets, and liabilities, to offer a comprehensive picture of government finances. It gives stakeholders a clear picture of how public monies are spent and enables governments to manage and oversee their financial actions. The system is based on the accrual accounting approach, which implies that transactions are recorded as they happen, whether or not currency has been transferred, and is designed to capture both cash and accrual transactions. This method ensures better openness and accountability while offering a more realistic view of a government's financial ... Read More

Full Form of HPOV

Praveen Varghese Thomas
Updated on 16-Nov-2023 14:55:53

241 Views

Introduction Hewlett Packard Open View (HPOV) was developed by Hewlett-Packard (now Hewlett Packard Enterprise), is a collection of software tools for controlling network and system infrastructure. IT specialists can effectively manage and maintain their network and system infrastructure with the help of HP OpenView, which offers a complete collection of tools for network administration, performance monitoring, and capacity planning. Servers, routers, switches, and storage devices may all be managed by HP OpenView, which also supports a number of operating systems, including Windows, Unix, and Linux. Additional network protocols supported by HP OpenView include SNMP, TCP/IP, and HTTP. History and ... Read More

Full Form of HPS

Praveen Varghese Thomas
Updated on 16-Nov-2023 14:54:34

447 Views

Introduction Hantavirus Pulmonary Syndrome (HPS) is a rare but potentially serious respiratory illness which is caused by hantaviruses. It was first identified in the United States in 1993, and since then, cases have been reported in many other parts of the world. Humans become infected with hantaviruses by coming into contact with contaminated rodents in particular their urine, their droppings, or saliva. HPS is a serious public health concern, and early detection and treatment are critical for successful outcomes. If exposed to the virus, healthy people are equally at risk of becoming HPS. Causes Human hantavirus infections occur infrequently, ... Read More

Advertisements