Looking to experiment with a different landing page? Take inspiration from this example.
Here's the HTML snippet, for more details check out the full code on Codepen.
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Raleway:400,800,700,900,300,100' rel='stylesheet' type='text/css'>
<div class="overlay">
<div class="wrap">
<h1>Scrolling Form</h1>
<input type="text" placeholder="Username">
<input type="email"placeholder="Password">
<input type="submit" value="Sign In">
<a href="#"><i class="fa fa-question"></i>Forgotten Password</a>
<a href="#"><i class="fa fa-user"></i>Create an Account</a>
</div>
</div>
If you're experiencing issues when copying this code into Sublime Text 2, it might be due to compatibility or formatting errors. As someone new to coding and using Codepen, troubleshooting these problems can be challenging. Reach out for help in resolving these technical obstacles.