A Pen by Jeremy Caris

Developer
Jeremy Caris
Size
2,809 Kb
Views
20,240
  1. A Pen by Jeremy Caris Previews
  2. A Pen by Jeremy Caris HTML Codes
  3. A Pen by Jeremy Caris CSS Codes

How do I make an a pen by jeremy caris?

What is a a pen by jeremy caris? How do you make a a pen by jeremy caris? This script and codes were developed by Jeremy Caris on 06 November 2022, Sunday.

A Pen by Jeremy Caris Previews
IQ Test

A Pen by Jeremy Caris - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Jeremy Caris</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="social-bar"> <div align="right"> <ul class="zmt"> <li><a href="#" target="_blank"><i class="icon icon-facebook"></i></a></li> <li><a href="#" target="_blank"><i class="icon icon-twitter"></i></a></li> <li><a href="#" target="_blank"><i class="icon icon-pinterest"></i></a></li> <li><a href="#" target="_blank"><i class="icon icon-instagram"></i></a></li> <li><a href="#" target="_blank"><i class="icon icon-youtube-play"></i></a></li> </ul> </div>
</div>
</body>
</html>

A Pen by Jeremy Caris - Script Codes CSS Codes

body { background: #ececec;
}
// Imports
@import url('//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css');
@import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css');
// Social media icon base
@dribbble: #EA4C89;
@envelope: #08CF90;
@facebook: #3B5998;
@googleplus: #E14107;
@instagram: #517FA4;
@linkedin: #0181B2;
@pinterest: #CB2027;
@rss: #E5842F;
@twitter: #00ACED;
@youtube: #CD332D;
.social-bar { a { margin-right: 0px; padding: 20px; } li { display: inline; } .icon { .border-radius(0px); margin-bottom: 0px; min-width: 30px; color: #FFF; text-align: center; font-size: 16px; line-height: 30px; &:hover { .transition(background 400ms linear); } } .icon-dribbble { background-color: @dribbble; &:hover { background-color: lighten(@dribbble, 10%); } } .icon-envelope { background-color: @envelope; &:hover { background-color: lighten(@envelope, 10%); } } .icon-facebook { background-color: @facebook; &:hover { background-color: lighten(@facebook, 10%); } } .icon-google-plus { background-color: @googleplus; &:hover { background-color: lighten(@googleplus, 10%); } } .icon-instagram { background-color: @instagram; &:hover { background-color: lighten(@instagram, 10%); } } .icon-linkedin { background-color: @linkedin; &:hover { background-color: lighten(@linkedin, 10%); } } .icon-pinterest { background-color: @pinterest; &:hover { background-color: lighten(@pinterest, 10%); } } .icon-rss { background-color: @rss; &:hover { background-color: lighten(@rss, 10%); } } .icon-twitter { background-color: @twitter; &:hover { background-color: lighten(@twitter, 10%); } } .icon-youtube-play { background-color: @youtube; &:hover { background-color: lighten(@youtube, 10%); } }
}
A Pen by Jeremy Caris - Script Codes
A Pen by Jeremy Caris - Script Codes
Home Page Home
Developer Jeremy Caris
Username jeremycaris
Uploaded November 06, 2022
Rating 3
Size 2,809 Kb
Views 20,240
Do you need developer help for A Pen by Jeremy Caris?

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!

Jeremy Caris (jeremycaris) Script Codes
Name
Responsive Pricing Table
Email Advertisement Block
Vertical center div Test
Make phone number a click to call link with jQuery
714Web Website Footer Tag
Typography with Vertical Rhythm
Simple Horizontal List
Responsive Testimonial Quote Bubble
Img Hover Test 2
Img Hover Test
Create amazing video scripts 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!