Skip to content

Instantly share code, notes, and snippets.

@Phoenix23A

Phoenix23A/contact.html

Created February 12, 2017 08:47
Show Gist options
  • Save Phoenix23A/bb74b3c1f2642a99c8896e18c58b219d to your computer and use it in GitHub Desktop.
Save Phoenix23A/bb74b3c1f2642a99c8896e18c58b219d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
contact.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="dist/html5shiv.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" type="text/css" href="css/contact_styles.css">
<title>Contact</title>
</head>
<body>
<div class"ct">
<div class"header">
<h1>Contact Me!</h1>
</div> <!--End First Container-->
</div>
<div class"jumbotron">
<h3>Name: Kevin</h3>
<h3>Surname: Meier</h3>
<br>
<p>Contact Me here on Mobile or Mail</p>
<br>
<span class="glyphicon glyphicon-envelope"></span> <a href="#">Mail</a> <!--Here is a Placeholder for the Email Adress-->
<br>
<a><span class="glyphicon glyphicon-earphone"></span> Mobile: 000 000 00 00</a>
<p>Facebook</p>
</div> <!--End jumbotron Container-->
<div id="contact">
<form>
<div class="from-group">
<input type="text" id="name">
<lable for="name">Write Text</lable>
</div>
<div class="from-group">
<input type="email" id="name1">
<lable for="name1">Email Adress here</lable>
</div>
<textarea style="resize:none" cols="40" rows="5" class="form-control"></textarea>
<textarea placeholder="Yout Message can be wrote here" class="message-box"></textarea>
<button type="submit" class="btn btn-defult">Submit</button>
</form>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<footer>
<div class="footer">
<a href="https://twitter.com/K" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @K</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
&copy; Kevin Meier 2016
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment