New Header

Developer
Pollardld
Size
4,805 Kb
Views
12,144
  1. New Header Previews
  2. New Header HTML Codes
  3. New Header CSS Codes

How do I make an new header?

New header for http://pollardld.com. What is a new header? How do you make a new header? This script and codes were developed by Pollardld on 08 November 2022, Tuesday.

New Header Previews
IQ Test

New Header - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>New Header</title> <link href='https://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <header>	<h1 id="intro">My Existence Online</h1>	<h2>New Header</h2> <div class="pteranodon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="4.2 42.1 192.3 129.8">
<path fill="#114F5F" d="M116.7,117.4c0.3-0.9,1.6-0.8,2.5-0.5c0.4,0.1,0.8,0.2,1.2-0.4c-0.2-0.1-0.4-0.2-0.5-0.3	c-0.4-0.4-0.3-0.9,0.1-1.3c0.3-0.3,0.7-0.5,1.1-0.6c2.2-0.7,4.4-1.2,6.6-1.2c1.8,0,3.6,0,5.4,0.1c2.5,0.1,5,0.1,7.2,1.3	c0.1,0,0.2,0,0.2,0.1c0.6,0.4,1.3,0.7,1.9,1.2c0.4,0.2,0.7,0.6,1,0.9c0.1-0.1,0.1-0.1,0.2-0.2c-0.2-1-0.9-1.6-1.7-2.2	c0.5,0.1,0.9,0.2,1.3,0.5c0.3,0.2,0.6,0.5,0.9,0.7c0.2,0.1,0.4,0.1,0.6,0.1c-0.1-0.2,0-0.5-0.2-0.6c-0.6-0.7-1.5-1.1-2.4-1.2	c-0.3,0-0.5-0.2-0.8-0.3c0-0.1,0-0.1,0.1-0.2c0.2,0,0.5-0.1,0.7,0c0.6,0.2,1.2,0.5,1.8,0.7c0.2,0.1,0.5,0.1,0.7,0	c0.1,0,0.1-0.2,0.2-0.3l-4.6-2.2c-0.9-0.6-1.6-1.3-2.4-2.1l8.5-34.8c1.4-1.6,3-3,4.5-4.5c2.1-2.1,4.5-3.7,6.8-5.5	c1.3-1,2.8-1.8,4.2-2.7c1.1-0.7,2.2-1.3,3.1-2.2c1.1-1,2.4-1.6,3.7-2.3s2.7-1.4,4-2.1c1.3-0.7,2.7-1.4,4-2.2c1.7-0.9,3.4-1.8,5-2.7	l0,0c1.1-0.7,2.1-1.5,3.3-2c1.6-0.8,3.2-1.6,4.9-2.2c1.3-0.5,2.6-0.8,3.9-1.2c0.2-0.1,0.5-0.4,0.5-0.4c-0.1-0.2-0.3-0.5-0.5-0.6	c-0.4-0.1-0.8-0.2-1.2-0.2c-1.9-0.2-3.9-0.4-5.8-0.6c-0.9-0.1-1.8-0.2-2.7-0.1c-1.2,0.1-2.4,0.4-3.6,0.6c-1.7,0.3-3.5,0.7-5.2,1.1	c-1.7,0.3-3.4,0.5-5,1.2c-2.7,1.2-5.5,2-8.3,3c-2.4,0.8-4.9,1.7-7.3,2.5c-1.4,0.5-2.9,0.8-4.4,1.3c-0.9,0.3-1.7,0.7-2.5,1.2	c-1.5,0.9-3,1.9-4.5,2.8c-1.7,1-3.5,2-5.2,3c-1.9,1.1-3.8,2.2-5.7,3.4c-0.7,0.4-1.4,0.9-2.1,1.3c-0.8,0.5-1.6,1.1-2.5,1.5	c-0.6,0.3-1,0.6-1.5,1.1c-0.4,0.4-0.7,0.7-1.1,1.1c-0.1,0-0.1-0.1-0.2-0.1c0.4-0.7,0.6-1.6,1.3-2.1c0.4-0.3,0.5-0.6,0.5-1.1	c0-0.2-0.2-0.4-0.3-0.7c0.2,0,0.3-0.1,0.4-0.1c0.7,0.1,0.9,0,0.6-0.7c-0.1-0.2-0.2-0.5-0.3-0.7c-0.5-0.7-1.1-0.7-1.7-0.1	c-0.1,0.1-0.2,0.4-0.3,0.5c-0.4-0.5-0.5-1-1-0.6c-0.6,0.5-1.1,1-1.1,1.8c0,0.4-0.2,0.7-0.5,0.9c-0.7,0.4-0.6,1-0.1,1.5	c0.2,0.2,0.3,0.5,0.3,0.8c-0.2,0.8-0.4,1.7-0.6,2.5c-0.4,1.5-0.9,3-1.9,4.2c-1.2,1.5-2.4,3-3.6,4.5L103.7,94c-1,0.8-2.2,1.5-3.4,2.1	c-1,0.6-2.1,1.3-3.2,1.7c-2.3,1-4.7,1.7-7.1,2.4c-1.6,0.5-3,1.4-3.8,2.8l-1.9,1.8c-0.4,0.2-0.8,0.5-1.2,0.7c-0.6,0.3-1.1,0.9-2,0.6	c-0.1,0-0.3,0.3-0.4,0.4l-4.9-0.4c-0.2-0.1-0.5,0.1-0.8,0c-0.2,0-0.5-0.1-0.7-0.2c-0.5-0.3-0.9-0.8-1.4-1.2c0.8-0.9,1.6-1.8,2.3-2.7	c1.1-1.3,2.4-2.3,3.9-3.1c1.4-0.7,2.8-1.6,4.2-2.3c0.4-0.2,0.8-0.5,1.3-0.7c1-0.4,2-0.7,3.1-1c0.4-0.2,0.6-0.5,0.5-1	c-0.1-0.6-0.8-1.1-1.4-1.1c-1,0.1-2.1,0.1-3.1,0.4c-2,0.7-4,1.5-6,2.3c-0.2,0.1-0.5,0.1-0.7,0.2c-1.1,0.3-2.2,0.5-3.2,0.9	c-2.1,0.9-3.7,2.4-5.3,3.9c-1.4,1.4-2.7,3-4.3,4.2c-0.7,0.5-1.3,1.1-1.9,1.5c-1.4,0.9-2.9,1.5-4.5,2c-1.9,0.5-3.8,1.1-5.7,1.7	c-2,0.6-3.9,1.3-5.8,2c-2.1,0.7-4.2,1.4-6.3,2.2c-0.2,0.1-0.4,0.3-0.6,0.4c0.2,0.2,0.4,0.4,0.6,0.6c0.1,0.1,0.2,0.1,0.3,0.1	c1.3,0.1,2.7,0.1,4,0.1c0.6,0,1.2-0.1,1.9-0.1c1.4,0,2.9,0,4.3-0.1c0.3,0,0.6,0,0.9,0c0.9,0,1.8,0.1,2.7,0.1c1.3,0,2.6-0.3,4,0	c1.3,0.3,2.7,0.3,4.1,0.4c0.5,0,0.9,0.1,1.4,0.1c0.9-0.1,1.9-0.2,2.8-0.4l6.3-0.4c-0.9,0.9-1.8,1.8-2.8,2.5c-1.4,1-3,1.9-4.5,2.7	c-1,0.6-2,1.2-3.1,1.6c-2.2,0.9-4.4,1.7-6.6,2.5c-1.9,0.7-3.7,2-5.5,3c-1.9,1.1-3.7,2.4-6,2.8c-1.2,0.2-2.4,0.7-3.7,0.6	c-0.5,0-1,0-1.4,0.1c-0.8,0.3-1.7,0.5-2.3,1.2c-0.3,0.4-0.8,0.7-1.2,1c-0.6,0.5-1,1.2-0.7,1.9c0.1,0.2,0.5,0.4,0.8,0.5	c0.1,0,0.3-0.3,0.4-0.4c0.6-0.3,1.1-0.6,1.7-0.9c-0.2,0.4-0.5,0.8-0.9,1.1c-0.8,0.7-1.7,1.4-2.5,2.1c-2,1.7-4,3.5-6.1,5.2	c-0.9,0.7-1.9,1.4-2.8,2.1c-0.7,0.5-1.4,1.1-2,1.7c-0.4,0.4-0.6,0.9-1,1.3c-1,1.1-2,2.3-3.1,3.4c-1.2,1.2-2.3,2.4-3.5,3.6	c-1.1,1-2.2,2-3.1,3.2c-1,1.3-2,2.6-3.1,3.8c-0.8,0.9-1.6,1.7-1.9,2.9c-0.5,1.5-1.1,3.1-1.7,4.6c-0.1,0.3-0.2,0.6-0.2,0.9	c0,0.3,0.1,0.5,0.4,0.3c0.5-0.3,1.1-0.6,1.6-1c1.2-0.9,2.4-2,3.7-2.9c1.7-1.3,3.4-2.4,5.1-3.7c1.6-1.2,3.2-2.4,4.8-3.6	c2-1.5,4.1-2.9,6.1-4.3c0.9-0.7,1.9-1.3,2.9-2c0.8-0.5,1.6-1,2.4-1.4c2.7-1.6,5.4-3.2,8.2-4.7c1.9-1.1,4-1.9,5.9-2.9	c2.6-1.4,5.3-2.4,8-3.5c2.1-0.8,4.2-1.5,6.3-2.3c1.4-0.5,2.7-1.1,4.1-1.6c1-0.4,2.1-0.7,3.1-1s2-0.5,3-0.8c1.3-0.4,2.6-0.8,3.9-1.2	c1.6-0.4,3.2-0.8,4.8-1.1c2.7-0.6,5.3-1.3,8-1.9c0.8-0.2,1.5-0.4,2.3-0.5c0.9-0.2,1.8-0.3,2.7-0.4c1.2-0.2,2.4-0.4,3.5-0.6	c1.4-0.2,2.8-0.4,4.2-0.4c2.1-0.1,4.3-0.1,6.4-0.2c1.1,0,2.1,0.1,3.2,0.1c1.7,0,3.4,0.1,5.1,0.1c1.1,0.1,2.2,0.2,3.4,0.3	c0.7,0.1,1.5,0.3,2.2,0.6c0.4,0.1,0.7,0.3,1.1,0.5c0.2,0.1,0.6,0.3,0.6,0.5c0.4,1.2,1.3,1.8,2.4,2.2c0.3,0.1,0.6,0.1,0.9,0.1	c-0.2-0.2-0.3-0.4-0.5-0.7c0,0,0,0,0-0.1c0.2,0.1,0.5,0.1,0.7,0.2c0.2,0,0.3-0.1,0.5-0.1c-0.1-0.1-0.2-0.3-0.3-0.4	c-0.2-0.2-0.5-0.2-0.8-0.4V131c0.5,0.1,1,0.1,1.5,0.2c0.1-0.1,0.2-0.2,0.2-0.3c-0.2-0.1-0.4-0.2-0.7-0.2c0.3-0.1,0.5-0.1,0.8-0.1	c0.1,0,0.2-0.1,0.3-0.1c-0.1-0.1-0.1-0.2-0.2-0.3c-0.2-0.1-0.4,0-0.5-0.1c-1-0.2-1.9-0.4-2.5-1.4c-0.1-0.2-0.4-0.4-0.7-0.6	c-0.7-0.5-1.5-0.9-2.2-1.5c-1.1-0.8-2.5-1.4-3.2-2.5C117.5,122.6,116.1,119,116.7,117.4z"/>
<path fill="#FF6E2B" class="eye" d="M63.5,109.8c1,0,1.5-0.6,1.4-1.5c0-0.1,0.1-0.3,0.3-0.4c0.1-0.1,0.3,0,0.4,0c0.1-0.1,0.2-0.2,0.3-0.3	c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1,0-0.3,0-0.5,0.1c-1,0.2-2.1,0.5-3.1,0.7c-0.3,0.1-0.5,0.2-0.7,0.3c-0.1,0.1-0.1,0.3-0.2,0.5	c0.2,0,0.4,0.1,0.5,0.1c0.4-0.1,0.7,0,1,0.2C62.9,109.6,63.3,109.7,63.5,109.8z"/>
</svg> </div> </header>
</body>
</html>

New Header - Script Codes CSS Codes

body { margin: 0;
}
@-webkit-keyframes swing { 0% { -webkit-transform: rotateZ(0); } 25% { -webkit-transform: rotateZ(15deg); } 50% { -webkit-transform: rotateZ(0); } 75% { -webkit-transform: rotateZ(-15deg); } 100% { -webkit-transform: rotateZ(0); }
}
@keyframes swing { 0% { transform: rotateZ(0); -webkit-transform: rotateZ(0); -ms-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); } 25% { transform: rotateZ(15deg); -webkit-transform: rotateZ(15deg); -ms-transform: rotateZ(15deg); -moz-transform: rotateZ(15deg); -o-transform: rotateZ(15deg); } 50% { transform: rotateZ(0); -webkit-transform: rotateZ(0); -ms-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); } 75% { transform: rotateZ(-15deg); -webkit-transform: rotateZ(-15deg); -ms-transform: rotateZ(-15deg); -moz-transform: rotateZ(-15deg); -o-transform: rotateZ(-15deg); } 100% { transform: rotateZ(0); -webkit-transform: rotateZ(0); -ms-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); }
}
body { background: #4EE9FF; height: 100vh; -webkit-font-smoothing: antialiased;
}
h1 { font-family: "Cabin Sketch", Helvetica, sans-serif; font-size: 5em; font-weight: bold; margin: 0 0 1rem;
}
h2 { font-family: "Cabin Sketch", sans-serif; font-size: 3em; font-weight: normal; margin: 0;
}
header { background: -ms-linear-gradient(top, #00e1ff 0%, #4ee9ff 100%); /* IE10+ */ background: linear-gradient(to bottom, #00e1ff 0%, #4ee9ff 100%); /* W3C */ color: #27747F; height: 80vh; margin: 0 auto; overflow: hidden; padding: 10vh 1rem 0; position: relative; text-align: center; z-index: -1;
}
header .pteranodon { height: 12em; padding-top: 10em; position: absolute; right: 4em; top: 0; width: 12em; animation: swing 6s linear infinite; -webkit-animation: swing 6s linear infinite; -ms-animation: swing 6s linear infinite; -moz-animation: swing 6s linear infinite; -o-animation: swing 6s linear infinite; transform-origin: top center; -webkit-transform-origin: top center; -ms-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center;
}
header .pteranodon:after { background: #114F5F; content: ''; height: 16em; position: absolute; right: 6em; top: 0em; width: 1px;
}
header .pteranodon svg { height: 100%; width: 100%;
}
New Header - Script Codes
New Header - Script Codes
Home Page Home
Developer Pollardld
Username pollardld
Uploaded November 08, 2022
Rating 3
Size 4,805 Kb
Views 12,144
Do you need developer help for New Header?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Pollardld (pollardld) Script Codes
Name
Mapbox Directions, GeoLocation, Tracking, and Firebase
Triceratops
CSS Accordion
Mapbox Directions with geolocation tracking
FCC Vote Date - PSA
Directions with geocoder
Titanis walleri
Form Submit to Google Forms
Animation mixin
Alta Map Spartanburg
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!