Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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">
- <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
- <title>KIEK le Chique</title>
- <!-- Bootstrap -->
- <link href="css/bootstrap.min.css" rel="stylesheet">
- <link href="css/website.css" rel="stylesheet">
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
- </head>
- <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
- <!-- Include all compiled plugins (below), or include individual files as needed -->
- <script src="js/bootstrap.min.js"></script>
- <body>
- <header id="logoKiek">
- <img src="img/logoKIEK.png" />
- </header>
- <script type="text/javascript">
- $(document).ready(function() {
- $('#topLeft_animation').click(function() {
- $('#topLeft_slider').animate({
- 'marginLeft' : "-=30px" //moves left
- });
- });
- $('#topRight_animation').click(function() {
- $('#topRight_slider').animate({
- 'marginLeft' : "+=30px" //moves right
- });
- });
- $('#bottomLeft_animation').click(function() {
- $('#bottomLeft_slider').animate({
- 'marginTop' : "+=30px" //moves down
- });
- });
- $('#bottomRight_animation').click(function() {
- $('#bottomRight_slider').animate({
- 'marginLeft' : "-=50%",
- 'marginTop' : "+=50%"
- });
- });
- });
- </script>
- <section id="topLeft_slider"></section>
- <section id="topRight_slider"></section>
- <section id="bottomLeft_slider"></section>
- <section id="bottomRight_slider"><button id="bottomRight_animation">Click me</button></section>
- <section id="topLeft"></section>
- <section id="topRight"></section>
- <section id="bottomLeft">ejbce jenflk enefnesnf jesnfkljsenlkf nslekf </section>
- <section id="bottomRight">wdlhbakjbakwjdbawjkbdjabw bjwbjawb abw </section>
- <footer id="footerSite">copyrights etc</footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement