Register or Sponsor Prototype

Developer
Kevin Gimbel
Size
3,183 Kb
Views
26,312
  1. Register or Sponsor Prototype Previews
  2. Register or Sponsor Prototype HTML Codes
  3. Register or Sponsor Prototype CSS Codes

How do I make an register or sponsor prototype?

What is a register or sponsor prototype? How do you make a register or sponsor prototype? This script and codes were developed by Kevin Gimbel on 11 August 2022, Thursday.

Register or Sponsor Prototype Previews
IQ Test

Register or Sponsor Prototype - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Register or Sponsor Prototype</title> <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(http://fonts.googleapis.com/css?family=Archivo+Narrow);
body { font-size: 300%; font-family: 'Archivo Narrow', sans-serif; font-weight: 700;
}
a { text-decoration: none;
}
.signup__container { width: 15em; height: 3em; margin-top: 1.5em; letter-spacing: -0.31em;
}
.hacker, .sponsor { letter-spacing: 0; display: inline; width: 50%;
}
.hacker { background: #f33634; color: #750807; border-bottom: .2em solid #750807;
}
.hacker:hover { background: #750807; color: #f33634; border-bottom: .2em solid #f33634;
}
.sponsor { background: #38edfb; color: #026f78; border-bottom: .2em solid #026f78; margin-left: .5em;
}
.sponsor:hover { background: #026f78; color: #38edfb; border-bottom: .2em solid #38edfb;
}
.btn--sign-up { margin-top: 0; padding: 1em 1.5em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
}
.btn--sign-up:active { padding: .8em 1.5em 1.2em 1.5em; margin-top: .5em; border-bottom: none;
}
.sign-up--devider { display: inline-block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: .4em; margin: -7.3em; letter-spacing: 0; background: #fff;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <div class="signup__container">	<a href="#" class="btn--sign-up hacker">Register</a>	<a href="#" class="btn--sign-up sponsor">Sponsor</a> <span class="sign-up--devider">OR</span>
</div>
<small>font-size at 300%, change the value and see the magic of em!</small>
</body>
</html>

Register or Sponsor Prototype - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);
body { font-size: 300%; font-family: 'Archivo Narrow', sans-serif; font-weight: 700;
}
a { text-decoration: none;
}
.signup__container { width: 15em; height: 3em; margin-top: 1.5em; letter-spacing: -0.31em;
}
.hacker, .sponsor { letter-spacing: 0; display: inline; width: 50%;
}
.hacker { background: #f33634; color: #750807; border-bottom: .2em solid #750807;
}
.hacker:hover { background: #750807; color: #f33634; border-bottom: .2em solid #f33634;
}
.sponsor { background: #38edfb; color: #026f78; border-bottom: .2em solid #026f78; margin-left: .5em;
}
.sponsor:hover { background: #026f78; color: #38edfb; border-bottom: .2em solid #38edfb;
}
.btn--sign-up { margin-top: 0; padding: 1em 1.5em; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
}
.btn--sign-up:active { padding: .8em 1.5em 1.2em 1.5em; margin-top: .5em; border-bottom: none;
}
.sign-up--devider { display: inline-block; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; padding: .4em; margin: -7.3em; letter-spacing: 0; background: #fff;
}
Register or Sponsor Prototype - Script Codes
Register or Sponsor Prototype - Script Codes
Home Page Home
Developer Kevin Gimbel
Username kevingimbel
Uploaded August 11, 2022
Rating 3.5
Size 3,183 Kb
Views 26,312
Do you need developer help for Register or Sponsor Prototype?

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!

Kevin Gimbel (kevingimbel) Script Codes
Name
An Object-Oriented ToDo-List
Felixble Product Flags
CSS3 only classic Gameboy
.LANG
CSS3 only Turret from Portal
Slide Menu
Custom Rating buttons with Icon Fonts
CSS3 only Vault-Tec Logo
Chat UI - WIP
A Pen by Kevin Gimbel
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!