Turkey Hunting with Horizontal Lines
How do I make an turkey hunting with horizontal lines?
Set of hr styles. Some basic for basic horizontal lines, some more complex to add to the story. Read the story! Script from Errol Morris film Vernon, FL. Super Duper! . What is a turkey hunting with horizontal lines? How do you make a turkey hunting with horizontal lines? This script and codes were developed by Pollardld on 08 November 2022, Tuesday.
Turkey Hunting with Horizontal Lines - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Turkey Hunting with Horizontal Lines</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url(https://fonts.googleapis.com/css?family=Fanwood+Text);
@font-face { font-family: 'gauntregular'; src: url("http://floriduh.org/fonts/gaunt-webfont.eot"); src: url("http://floriduh.org/fonts/gaunt-webfont.eot?#iefix") format("embedded-opentype"), url("http://floriduh.org/fonts/gaunt-webfont.woff") format("woff"), url("http://floriduh.org/fonts/gaunt-webfont.ttf") format("truetype"), url("http://floriduh.org/fonts/gaunt-webfont.svg#gauntregular") format("svg"); font-weight: normal; font-style: normal;
}
* { box-sizing: border-box;
}
body { background-color: #c1ebe0; text-rendering: geometricPrecision;
}
article { color: #5c2a1c; font-family: "Fanwood Text", serif; margin: 0 auto; padding: 3rem 0; max-width: 25em; width: 80%;
}
h1 { font-family: "gauntregular", serif; font-weight: normal; text-align: center; text-transform: uppercase; color: #1a5a2a; font-size: 2.375em; letter-spacing: .01em; margin: 0 0 1.25rem;
}
h2 { font-family: "gauntregular", serif; font-weight: normal; text-align: center; text-transform: uppercase; color: #1a5a2a; font-size: 1.125em; margin: 0 0 .5rem;
}
h2 a { color: #1a5a2a; text-decoration: none;
}
p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.25rem; text-align: justify;
}
div { margin: 0 auto; width: 80%;
}
div p { display: inline-block; margin: 0 -1px 1.25rem; vertical-align: middle; width: 75%;
}
div .right { text-align: right;
}
div img { display: inline-block; margin: 0 -2px 1.25rem 10%; vertical-align: middle; width: 15%;
}
div img.turkey { display: block; margin: 0 auto; width: 30%;
}
div .img-right { margin: 0 10% 1.25rem -2px;
}
div h2 { color: #5c2a1c; margin: 1.25rem 0;
}
hr { border: none; margin: 0 0 1.25rem;
}
hr.hr-opening { border-bottom: 0.0875em dashed rgba(250, 106, 138, 0.75); margin: 0 auto 1.25rem; position: relative; width: 50%;
}
hr.hr-opening:after { border-bottom: 0.0875em dashed rgba(250, 106, 138, 0.5); content: ''; left: -12.5%; position: absolute; top: .25em; width: 125%;
}
hr.hr-break { background: rgba(92, 42, 28, 0.5); height: .0625em;
}
hr.hr-scroll { background: #fa6a8a; height: .0625em; position: relative;
}
hr.hr-scroll:after { border-left: .75em solid transparent; border-right: .75em solid transparent; border-top: 0.75em solid #fa6a8a; content: ''; height: 0; left: 11.75em; position: absolute; width: 0;
}
hr.hr-section { background: #1a5a2a; height: .0625em; position: relative;
}
hr.hr-section:after { background: rgba(26, 90, 42, 0.5); content: ''; height: .0625em; left: 0; position: absolute; top: .1875em; width: 100%;
}
hr.hr-story-right { background-image: linear-gradient(-45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; height: .3125em; margin: 0 0 1.675em; position: relative;
}
hr.hr-story-right:before, hr.hr-story-right.hr-focus:after, hr.hr-story-right.hr-alert:after { background-image: linear-gradient(45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; content: ''; height: .3125em; position: absolute; right: 0; top: .3125em; width: 100%;
}
hr.hr-story-left { background-image: linear-gradient(45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; height: .3125em; margin: 0 0 1.675em; position: relative;
}
hr.hr-story-left:before, hr.hr-story-left.hr-focus:after, hr.hr-story-left.hr-alert:after { background-image: linear-gradient(-45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; content: ''; height: .3125em; position: absolute; right: 0; top: .3125em; width: 100%;
}
hr.hr-movement { background-color: #fa6a8a; border-radius: 50%; height: .5em; margin: 0 auto 1.25rem; position: relative; width: .5em;
}
hr.hr-movement:before, hr.hr-movement.hr-focus:after, hr.hr-movement.hr-alert:after { background: #fa6a8a; border-radius: 50%; content: ''; height: .75em; left: -2em; position: absolute; top: -.125em; width: .75em;
}
hr.hr-movement:after { background: #fa6a8a; border-radius: 50%; content: ''; height: .25em; position: absolute; right: -1.5em; top: .125em; width: .25em;
}
hr.hr-focus { background: #fff; border: 0.25em solid #fa6a8a; border-radius: 50% 10% 50% 10%; height: .5em; margin: 0 auto 1.25rem; position: relative; width: .5em; transform: rotate(45deg);
}
hr.hr-focus:before, hr.hr-focus:after { content: 'x'; color: #fa6a8a; font-family: "gauntregular", serif; font-size: .8125em; left: -1.25em; position: absolute; top: 1.25em; transform: rotate(-45deg);
}
hr.hr-focus:after { bottom: 1.125em; left: auto; right: -1.25em; top: auto;
}
hr.hr-alert { background-color: #fa6a8a; border-radius: 50%; height: .75em; margin: 0 auto 1.25rem; position: relative; width: .75em;
}
hr.hr-alert:before, hr.hr-alert:after { background-image: linear-gradient(to left, #fa6a8a 0%, #c1ebe0 100%); content: ''; left: -10em; height: .125em; position: absolute; top: .3125em; width: 10.25em;
}
hr.hr-alert:after { background-image: linear-gradient(to right, #fa6a8a 0%, #c1ebe0 100%); left: auto; right: -10em;
}
hr.hr-bullet { background: #fa6a8a; border-radius: 10% 50% 50% 10%; height: .5em; left: 0; position: relative; width: 1.5em; animation: bullet 5s linear infinite;
}
iframe { display: block; margin: 0 auto 1.25rem;
}
.credit { margin: 2.5rem 0;
}
.credits { font-size: .75em; margin: 2.5rem auto 0; position: relative; width: 80%;
}
.credits ul { list-style: none; margin: 0; padding: 0;
}
@keyframes bullet { 0% { left: 0; } 100% { left: 100%; }
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <article> <h2>You gotta like outdoor sports. And I've always loved it.</h2> <h1>Especially turkey hunting.</h1> <hr class="hr-opening"> <p>I killed my first turkey when I was 10 years old. I can't tell you how many I've killed, but I've killed a lot of them. I run a business. I close the business down if I have to...<br />to go turkey hunting. It's just something that I like. It's just in me. I can't tell you how I feel. It's just a hell of a sport, that's all.</p> <hr class="hr-break"> <p>Sometimes you can be standing around and hear one jar the ground. And you just look at the roads and fire trails...<br />untiI you pick up fresh tracks and know which way he's going. And just go to that area, stop, listen...<br />and hope that you hear one.</p> <p>Sometimes they gobble quite often, early. Sometimes it's minutes. And later on in the morning, sometimes it's every minutes. You just can't tell. They're a smart bird. The smartest we got in this country. See now, we spend time like this day in and day out...<br />and not hear nothing. But you know they're here.</p> <hr class="hr-scroll"> <p>I got my gun. I didn't get to use the bathroom, though. I was fixing to...<br />but right out in them pines I heard one gobble. And I said, "My God". Boy, that's the best diarrhea medicine in the world. You hear a turkey gobble, you forget all about diarrhea and everything. Headaches, everything. That'd cure anything.</p> <hr class="hr-section"> <p>I grabbed my gun, and I tore out. I must have went a quarter of a mile. Went through a bunch of pines. And he double-gobbled. I knew right then that I had a pretty good chance of killing him. Man, it hadn't been 30 minutes since one had been killed. Bless your heart. The next time he gobbled, there he was. Right out there in that wiregrass and broom-sage.</p> <div> <p>I just yelped real low to him.</p> <img src="http://floriduh.org/img/yelp.svg"> <hr class="hr-story-left"> <img class="img-right" src="http://floriduh.org/img/turkey-sil.svg"> <p class="right">He gobbled.</p> <hr class="hr-story-right"> <p>He was coming straight towards me. He wasn't walking. He wasn't running. It was sort of in a little fast trot.</p> <img src="http://floriduh.org/img/spy.svg"> <hr class="hr-movement"> <p>I had a good blind in some palmettos. I was sitting behind some palmettos. I done had my gun on him.</p> <img src="http://floriduh.org/img/hunt.svg"> <hr class="hr-focus"> <p>When he got up there...<br />he was walking a little too fast to shoot him, 'cause I wanted a sure shot. And what I done, I just whistled.</p> <img src="http://floriduh.org/img/wave.svg"> <hr class="hr-alert"> <img class="img-right" src="http://floriduh.org/img/turkey-sil.svg"> <p class="right">And he stopped, and he looked...</p> <hr class="hr-bullet"> <h2>and when he looked up, that was the end of it.</h2> <img class="turkey" src="http://floriduh.org/img/turkey-color.svg"> </div> <hr class="hr-break credit"> <div class="credits"> <h2>Please do the liking</h2> <ul> <li>Credits:</li> <li>Double Border with Opacity - Charlene Foote</li> <li>Turkey - Matt Steele</li> <li>Spy - Dan Hetteix</li> <li>Waves - Stephen Hutchings</li> </ul> <h2><a href="http://floriduh.org/vernon">Floriduh Vernon Story</a></h2> </div> <iframe width="300" height="220" src="//www.youtube.com/embed/PczSVHWNqcc" frameborder="0" allowfullscreen></iframe> <iframe src="//player.vimeo.com/video/28921882?title=0&byline=0&portrait=0" width="300" height="220" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <hr class="hr-break"> <iframe width="300" height="220" src="//www.youtube.com/embed/lyfxgL4AFWg" frameborder="0" allowfullscreen></iframe>
</article>
</body>
</html>
Turkey Hunting with Horizontal Lines - Script Codes CSS Codes
@import url(https://fonts.googleapis.com/css?family=Fanwood+Text);
@font-face { font-family: 'gauntregular'; src: url("http://floriduh.org/fonts/gaunt-webfont.eot"); src: url("http://floriduh.org/fonts/gaunt-webfont.eot?#iefix") format("embedded-opentype"), url("http://floriduh.org/fonts/gaunt-webfont.woff") format("woff"), url("http://floriduh.org/fonts/gaunt-webfont.ttf") format("truetype"), url("http://floriduh.org/fonts/gaunt-webfont.svg#gauntregular") format("svg"); font-weight: normal; font-style: normal;
}
* { box-sizing: border-box;
}
body { background-color: #c1ebe0; text-rendering: geometricPrecision;
}
article { color: #5c2a1c; font-family: "Fanwood Text", serif; margin: 0 auto; padding: 3rem 0; max-width: 25em; width: 80%;
}
h1 { font-family: "gauntregular", serif; font-weight: normal; text-align: center; text-transform: uppercase; color: #1a5a2a; font-size: 2.375em; letter-spacing: .01em; margin: 0 0 1.25rem;
}
h2 { font-family: "gauntregular", serif; font-weight: normal; text-align: center; text-transform: uppercase; color: #1a5a2a; font-size: 1.125em; margin: 0 0 .5rem;
}
h2 a { color: #1a5a2a; text-decoration: none;
}
p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.25rem; text-align: justify;
}
div { margin: 0 auto; width: 80%;
}
div p { display: inline-block; margin: 0 -1px 1.25rem; vertical-align: middle; width: 75%;
}
div .right { text-align: right;
}
div img { display: inline-block; margin: 0 -2px 1.25rem 10%; vertical-align: middle; width: 15%;
}
div img.turkey { display: block; margin: 0 auto; width: 30%;
}
div .img-right { margin: 0 10% 1.25rem -2px;
}
div h2 { color: #5c2a1c; margin: 1.25rem 0;
}
hr { border: none; margin: 0 0 1.25rem;
}
hr.hr-opening { border-bottom: 0.0875em dashed rgba(250, 106, 138, 0.75); margin: 0 auto 1.25rem; position: relative; width: 50%;
}
hr.hr-opening:after { border-bottom: 0.0875em dashed rgba(250, 106, 138, 0.5); content: ''; left: -12.5%; position: absolute; top: .25em; width: 125%;
}
hr.hr-break { background: rgba(92, 42, 28, 0.5); height: .0625em;
}
hr.hr-scroll { background: #fa6a8a; height: .0625em; position: relative;
}
hr.hr-scroll:after { border-left: .75em solid transparent; border-right: .75em solid transparent; border-top: 0.75em solid #fa6a8a; content: ''; height: 0; left: 11.75em; position: absolute; width: 0;
}
hr.hr-section { background: #1a5a2a; height: .0625em; position: relative;
}
hr.hr-section:after { background: rgba(26, 90, 42, 0.5); content: ''; height: .0625em; left: 0; position: absolute; top: .1875em; width: 100%;
}
hr.hr-story-right { background-image: linear-gradient(-45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; height: .3125em; margin: 0 0 1.675em; position: relative;
}
hr.hr-story-right:before, hr.hr-story-right.hr-focus:after, hr.hr-story-right.hr-alert:after { background-image: linear-gradient(45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; content: ''; height: .3125em; position: absolute; right: 0; top: .3125em; width: 100%;
}
hr.hr-story-left { background-image: linear-gradient(45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; height: .3125em; margin: 0 0 1.675em; position: relative;
}
hr.hr-story-left:before, hr.hr-story-left.hr-focus:after, hr.hr-story-left.hr-alert:after { background-image: linear-gradient(-45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; content: ''; height: .3125em; position: absolute; right: 0; top: .3125em; width: 100%;
}
hr.hr-movement { background-color: #fa6a8a; border-radius: 50%; height: .5em; margin: 0 auto 1.25rem; position: relative; width: .5em;
}
hr.hr-movement:before, hr.hr-movement.hr-focus:after, hr.hr-movement.hr-alert:after { background: #fa6a8a; border-radius: 50%; content: ''; height: .75em; left: -2em; position: absolute; top: -.125em; width: .75em;
}
hr.hr-movement:after { background: #fa6a8a; border-radius: 50%; content: ''; height: .25em; position: absolute; right: -1.5em; top: .125em; width: .25em;
}
hr.hr-focus { background: #fff; border: 0.25em solid #fa6a8a; border-radius: 50% 10% 50% 10%; height: .5em; margin: 0 auto 1.25rem; position: relative; width: .5em; transform: rotate(45deg);
}
hr.hr-focus:before, hr.hr-focus:after { content: 'x'; color: #fa6a8a; font-family: "gauntregular", serif; font-size: .8125em; left: -1.25em; position: absolute; top: 1.25em; transform: rotate(-45deg);
}
hr.hr-focus:after { bottom: 1.125em; left: auto; right: -1.25em; top: auto;
}
hr.hr-alert { background-color: #fa6a8a; border-radius: 50%; height: .75em; margin: 0 auto 1.25rem; position: relative; width: .75em;
}
hr.hr-alert:before, hr.hr-alert:after { background-image: linear-gradient(to left, #fa6a8a 0%, #c1ebe0 100%); content: ''; left: -10em; height: .125em; position: absolute; top: .3125em; width: 10.25em;
}
hr.hr-alert:after { background-image: linear-gradient(to right, #fa6a8a 0%, #c1ebe0 100%); left: auto; right: -10em;
}
hr.hr-bullet { background: #fa6a8a; border-radius: 10% 50% 50% 10%; height: .5em; left: 0; position: relative; width: 1.5em; animation: bullet 5s linear infinite;
}
iframe { display: block; margin: 0 auto 1.25rem;
}
.credit { margin: 2.5rem 0;
}
.credits { font-size: .75em; margin: 2.5rem auto 0; position: relative; width: 80%;
}
.credits ul { list-style: none; margin: 0; padding: 0;
}
@keyframes bullet { 0% { left: 0; } 100% { left: 100%; }
}
Developer | Pollardld |
Username | pollardld |
Uploaded | November 08, 2022 |
Rating | 3 |
Size | 7,568 Kb |
Views | 8,096 |
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!
Name | Size |
Paypal checkout svg | 21,662 Kb |
CSS Accordion | 3,972 Kb |
Mapbox Directions with geolocation tracking | 5,827 Kb |
SR2S Stable | 7,090 Kb |
Titanis walleri | 3,528 Kb |
SVG Animation | 3,133 Kb |
Directions with geocoder | 12,546 Kb |
Animation mixin | 2,649 Kb |
Alta Map Spartanburg | 4,679 Kb |
Nav Combine | 8,634 Kb |
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!
Name | Username | Size |
Default Input, Textareas, Submits, and Buttons in iOS | Demersdesigns | 2,334 Kb |
Loading animation - freedom purchase | Rocbear | 2,567 Kb |
Awesome Full Page Menu Nav | Ey_intuitive | 4,194 Kb |
A Pen by Huan Nghiem | Nightshade | 10,646 Kb |
Custom Select Element | Agrayson | 3,616 Kb |
Mesmerizing octopus | Jllodra | 3,549 Kb |
Horizontal Navigation with Floats | Gymratpacks | 5,403 Kb |
React Vote Component | Souporserious | 5,465 Kb |
Flexbox slider | Rendro | 3,459 Kb |
Scroll using CSS | Casperovic | 2,159 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!