CMT3 - Opdracht2

Developer
Karlien Huygels
Size
10,529 Kb
Views
16,192
  1. CMT3 - Opdracht2 Previews
  2. CMT3 - Opdracht2 HTML Codes
  3. CMT3 - Opdracht2 CSS Codes
  4. CMT3 - Opdracht2 JS Codes

How do I make an cmt3 - opdracht2?

What is a cmt3 - opdracht2? How do you make a cmt3 - opdracht2? This script and codes were developed by Karlien Huygels on 29 October 2022, Saturday.

CMT3 - Opdracht2 Previews
IQ Test

CMT3 - Opdracht2 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CMT3 - Opdracht2</title> <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Oswald|Pacifico" rel="stylesheet">
<link rel="stylesheet" href="vex-theme-default.css" />
<script>vex.defaultOptions.className = 'vex-theme-default';</script> <link rel='stylesheet prefetch' href='https://s3-us-west-2.amazonaws.com/s.cdpn.io/194554/vex.css'>
<link rel='stylesheet prefetch' href='https://s3-us-west-2.amazonaws.com/s.cdpn.io/194554/vex-theme-wireframe.css'>
<link rel='stylesheet prefetch' href='https://s3-us-west-2.amazonaws.com/s.cdpn.io/194554/vex-theme-os.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link rel="stylesheet" href="drop-theme-arrows.css" />
<script src="tether.min.js"></script>
<script src="drop.min.js"></script>
<nav> <a href="#">Dames</a> <a href="#">Heren</a> <a href="#">Junior</a> <a href="#">Reizen & camping</a> <a href="#">Fietsen & lopen</a> <a href="#">SKi & snowboard</a> <a href="#">Badmode</a> <a href="#">Gadgets</a>
</nav>
<h1>AS Adventure</h1>
<h2>Outdoor & Lifestyle</h2>
<div id="kader"> <div id="kader1"> <img src="https://hd.unsplash.com/photo-1444583791700-0bd8d26df657"> <h3>Climbing the mountains</h3> <p>In Zell am See you have several options to awaken the climber inside you! It has something to offer whether you fancy the various climbing routes in the climbing areas, or you like the climbing gyms – especially in bad weather. An especially nice climb is the 3,229 meter summit of the Kitzsteinhorn. On the Kitzsteinhorn glacier there’s snow all year round, so you’ll find some lovely white patches of snow even in the summer!</p> <p>Altogether there are around 25 climbs in Zell am See-Kaprun, all with a different degree of difficulty. Whether you’re a novice or professional climber there’s something for everyone! You can even go on alpine climbing tours here! A cool climb to go on is Ferrata Arena Höhenburg on Mooserboden Reservoir.</p> <p>Whichever climbing adventure you choose, Mark can definitely help you out! He is part of the Mountain Guides in Zell am See-Kaprun and can organize various tours for you. You can write him an email or call directly. All contact information, and more about tours and climbing courses, can be found here (German only): http://bergfuehrer-zellkaprun.at/.</p> </div> <div id="kader2"> <img src="https://images.unsplash.com/photo-1472745942893-4b9f730c7668?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&s=4ff808a30a5ac72c3dfc665add522f73"> <h3>Stand-up paddling and SUP Yoga</h3> <p>I’m a huge SUP fan! Probably because I generally like to do water sports, and it’s even better when it includes some kind of board like surfing or kiteboarding! In Zell am See-Kaprun you have several options for trying SUP. You can either take a casual tour or try SUP yoga!</p> <p>I must admit that I was rather skeptical about this new yoga trend, but after my first SUP yoga session in Zell am See, I feel quite different – it is tons of fun! Instead of normal yoga with a yoga mat, you get to stretch and pose on an SUP board with water beneath you. The shaky “ground” makes you tense all your core muscles so much more, and really focus on you and your body. Although I fell into the water several times, it was definitely the coolest yoga class I’ve ever taken!</p> <p>You begin your class by paddling your SUP into a small nature reserve, and then it’s straight into your first yoga exercises. The teacher, Maria, is a super teacher. She’s not overly spiritual about the whole thing, but is just plain cool and relaxed! You don’t have to be a yoga professional or anything to join, because Maria explains each exercise and even gives you tips and corrections too. The class itself takes around an hour, but you should give yourself around an hour and a half to two hours for the SUP yoga schedule.</p> <p>Heinz, the owner of the SUP Center, told me that they offer really cool SUP tours in the mountains as well. On the tour you start out walking with an inflatable SUP board on your back, and then get to paddle along various mountain reservoirs up to several thousand feet. I imagine this adventure is incredible, and now I have another reason to come back to Zell am See-Kaprun in the summer!</p> </div>
</div> <script src='js/4032af61ca0478304ab7b31b7.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/194554/please-compressed.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/194554/vex.combined.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

CMT3 - Opdracht2 - Script Codes CSS Codes

body{ background-image: url("https://hd.unsplash.com/photo-1421218108559-eb1ff78357f5"); font-family: 'Fjalla One', sans-serif; background-size: 100%; background-repeat: no-repeat;
}
h1{ font-size: 10em; color: white; width: 60%; opacity: 0; margin-top: 1em;
}
h2{ color: white; font-size: 2em; width: 50%; margin: -7% 6.5%; opacity: 0; font-family: 'Pacifico', cursive;
}
h3{ font-family: 'Pacifico', cursive; font-size: 2em; margin: 200px 0 10px 0;
}
nav{ padding-top: 30px;
}
a{ color: black; text-decoration: none; text-transform: uppercase; text-align: right; opacity: 0; margin-left: 6.5%;
}
p{ text-align: justify; font-family: 'Oswald', sans-serif;
}
#kader{ width: 60%; margin: 400px auto;
}
#kader img{ width: 100%; margin-top: -200px; opacity: 0;
}
#kader1, #kader2{ height: 600px; width: 540px; background-color: white; float: left; padding: 5px;
}
#kader2{ margin-left: 30px;
}
@media only screen and (max-width: 2000px) { #kader1, #kader2{ width: 500px; }
}
@media only screen and (max-width: 1800px) { #kader1, #kader2{ width: 400px; }
}
@media only screen and (max-width: 1500px) { h1{ font-size: 8em; margin-left: -50px; } #kader1, #kader2{ width: 350px; }
}
@media only screen and (max-width: 1300px) { a{ margin-left: 5%; } h1{ font-size: 5em; } #kader{ margin-top: 100px; } #kader1, #kader2{ width: 500px; float: none; margin: 0 0 200px 0; }
}
@media only screen and (max-width: 1000px) { a{ margin-left: 3%; }
}
@media only screen and (max-width: 800px) { h1{ margin-left: -200px; }
}

CMT3 - Opdracht2 - Script Codes JS Codes

anime({ targets:"h1", translateX: '8rem', easing: 'easeOutElastic', delay: 500, duration: 2000, elasticity: 800, opacity: 100,
});
anime({ targets: "a", delay: 700, duration: 10000, opacity: 100, easing: 'easeInOutQuad',
})
anime({ targets: "h2", delay: 500, duration: 10000, easing: 'easeInOutQuad', opacity: 100,
})
anime({ targets: "img", delay: 700, duration: 800, easing: 'easeInOutQuad', translateY: '12.5rem', opacity: 100,
}) var titelke = function() { var ondertitel = document.getElementsByTagName("h2")[0]; ondertitel.style.color = Please.make_color({ base_color:'gold' });
}
var popup = function() { vex.defaultOptions.className = 'vex-theme-os' //vex.defaultOptions.className = 'vex-theme-wireframe' vex.dialog.prompt({ message: 'Schrijf je nu in voor onze nieuwsbrief en ontvang 10% korting op je eerste online aankoop.', placeholder: 'e-mail', callback: function (value) { console.log(value) } })
}
window.onload = function() { titelke(); popup();
}
CMT3 - Opdracht2 - Script Codes
CMT3 - Opdracht2 - Script Codes
Home Page Home
Developer Karlien Huygels
Username KarlienHuygels
Uploaded October 29, 2022
Rating 3
Size 10,529 Kb
Views 16,192
Do you need developer help for CMT3 - Opdracht2?

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!

Karlien Huygels (KarlienHuygels) Script Codes
Name
IT3 - Opdracht5
IT 3- Opdracht8
CMT3 - Opdracht4
CMT3 Portfolio
CMT3 - Opdracht7
IT3 - Opdracht2
IT3 - Opdracht3
CMT - Opdracht12
CMT3 - Opdracht14
IT3 - Opdracht4
Create amazing Facebook ads 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!