24
Home page: <!doctype html> <html> <head> <meta charset=”UTF-8″> <title>Visit Aalesund</title> <link href=”Style.css” rel=”stylesheet” type=”text/css”> <style type=”text/css”> body { background-image: url(Images/home.jpg); background-attachment: fixed; background-size: cover; } </style> <!–The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.– >var __adobewebfontsappname__=”dreamweaver”http://use.edg efonts.net/aladin:n4:default;annie-use-your- telescope:n4:default;source-sans- pro:n2,n3:default;artifika:n4:default.js </head> <body class=”body_home”> <h1><a href=”home.html” class=”ÅlesundHeader”>ÅLESUND</a></h1> <nav> <p><a href=”home.html”>Home</a></p>

charlottemaro.files.wordpress.com file · Web viewHome page: Visit Aalesund

  • Upload
    vuthuan

  • View
    221

  • Download
    0

Embed Size (px)

Citation preview

Home page:

<!doctype html><html><head><meta charset=”UTF-8″><title>Visit Aalesund</title><link href=”Style.css” rel=”stylesheet” type=”text/css”><style type=”text/css”>body {background-image: url(Images/home.jpg);background-attachment: fixed;background-size: cover;}</style><!–The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.–>var __adobewebfontsappname__=”dreamweaver”http://use.edgefonts.net/aladin:n4:default;annie-use-your-telescope:n4:default;source-sans-pro:n2,n3:default;artifika:n4:default.js</head>

<body class=”body_home”>

<h1><a href=”home.html” class=”ÅlesundHeader”>ÅLESUND</a></h1>

<nav><p><a href=”home.html”>Home</a></p><p><a href=”about.html”>About</a></p><p><a href=”attractions.html”>Attractions</a></p>

<p><a href=”essentials.html”>Essentials</a></p><p><a href=”information.html”>Information</a></p></nav><p class=”sectionLeft”>Only a 20 minute walk from the town centre, you get this beautiful view of the town from <a href=”Feil! Hyperkoblingsreferansen er ugyldig.;, with the horixzon as far as the eye can see. Aalesund is a growing town, and you can be part of its amazing journey and evolvement! </p><p class=”sectionRight”>The great fire of Aalesund left almost the entire town in nothing but ruins in 1904. The German kaiser Wilhelm had a soft spot for the town, and sent building materials and craftsmen to Aalesund. Resulting in one of the most famous Art Nouveau towns of Europe.</p><footer>Copyright 2015 Charlotte Marø</footer>

</body></html>

About page:

<!doctype html><html><head><meta charset=”UTF-8″><title>Visit Aalesund | About</title><link href=”Style.css” rel=”stylesheet” type=”text/css”><style type=”text/css”>body {background-image: url(Images/about.jpg);background-attachment: fixed;background-size: cover;}

h1 {text-shadow: 0px 2px #323232;}</style><!–The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.–>var __adobewebfontsappname__=”dreamweaver”http://use.edgefonts.net/aladin:n4:default;annie-use-your-telescope:n4:default;source-sans-pro:n2,n3:default;artifika:n4:default.js</head>

<body>

<h1><a href=”about.html” class=”AboutHeader”>ABOUT</a></h1>

<nav><p><a href=”home.html”>Home</a></p><p><a href=”about.html”>About</a></p><p><a href=”attractions.html”>Attractions</a></p><p><a href=”essentials.html”>Essentials</a></p><p><a href=”information.html”>Information</a></p></nav>

<p class=”sectionLeft”>Aalesund is the perfect combination of living urban – You could take a hike in the mountains or woods right in your back yard, or jump into your boat from your personl jetty. Everything only minutes from your front door!</p><p class=”sectionRight”>Aalesund has a great history with the seas and the ocean, and offers lots of experience and education at sea. <a href=”htttp://www.hials.no”>The University of Aalesund</a> offers many variations of nautical studies. Hidden on one of the many small

tops in the town centre, lays <a href=”Feil! Hyperkoblingsreferansen er ugyldig. Art College</a>, where you can study for two years.</p><footer>Copyright 2015 Charlotte Marø</footer>

</body></html>

Attractions page:

<!doctype html><html><head><meta charset=”UTF-8″><title>Visit Aalesund | Attractions</title><link href=”Style.css” rel=”stylesheet” type=”text/css”><style type=”text/css”>body {background-image: url(Images/attractions.jpg);background-size: cover;background-attachment: fixed;}h1 {text-shadow: 0px 2px #323232;}</style><!–The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.–>var __adobewebfontsappname__=”dreamweaver”http://use.edgefonts.net/aladin:n4:default;annie-use-your-telescope:n4:default;source-sans-

pro:n2,n3:default;artifika:n4:default.js</head>

<body><h1><a href=”attractions.html” class=”AttractionsHeader”>ATTRACTIONS</a></h1><nav><p><a href=”home.html”>Home</a></p><p><a href=”about.html”>About</a></p><p><a href=”attractions.html”>Attractions</a></p><p><a href=”essentials.html”>Essentials</a></p><p><a href=”information.html”>Information</a></p></nav><p class=”sectionLeft”>In Aalesund you’ll find one of the largest salt-water aquriums of the northern Europe. Shows, plays and cultural events are set up around town throughout the year.</p><p class=”sectionRight”><a href=”Feil! Hyperkoblingsreferansen er ugyldig. Museum</a> is the place to go if you’re interested in local history. There are re-build and moved houses from around the Aalesund area which are over a houndred years old! To get a closer look at the town centre, you could go kayaking in “Brosundet” in the summer, or waterskiing in the great fjords!</p><footer>Copyright 2015 Charlotte Marø</footer>

</body></html>

Essentials page:

<!doctype html><html><head>

<meta charset=”UTF-8″><title>Visit Aalesund | Essentials</title><link href=”Style.css” rel=”stylesheet” type=”text/css”><style type=”text/css”>body {background-image: url(Images/essentials.jpg);background-attachment: fixed;background-size: cover;}.section1 {width: 14%;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);margin-left: 5%;margin-top: 25%;margin-right: 0.25%;padding-top: 2%;padding-right: 2%;padding-bottom: 2%;padding-left: 2%;float: left;margin-bottom: 5%;font-size: 1.2em;

color: #000000;text-shadow: 0px 0px #4C4C4C;}.section2 {width: 14%;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);margin-left: 0.25%;margin-top: 25%;margin-right: 0.25%;padding-top: 2%;padding-right: 2%;padding-bottom: 0.3%;padding-left: 2%;float: left;margin-bottom: 5%;font-size: 1.2em;color: #000000;text-shadow: 0px 0px #4C4C4C;}.section3 {background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52)

100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);width: 15%%;margin-left: 0.25%;margin-top: 25%;margin-right: 0.25%;padding-left: 2%;padding-top: 2%;padding-right: 2%;padding-bottom: 2%;width: 15%;float: left;margin-bottom: 5%;font-size: 1.2em;color: #000000;text-shadow: 0px 0px #4C4C4C;}.section4 {width: 14%;padding-top: 2%;padding-right: 2%;padding-bottom: 2%;padding-left: 2%;margin-left: 0.25%;

margin-top: 25%;margin-right: 0%;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);float: left;clear: none;margin-bottom: 5%;font-size: 1.2em;color: #000000;text-shadow: 0px 0px #4C4C4C;}nav_in_style {margin-bottom: 2.5%;}h1 {text-shadow: 0px 2px #323232;}</style><!–The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.–>var __adobewebfontsappname__=”dreamweaver”http://use.edgefonts.net/aladin:n4:default;annie-use-your-

telescope:n4:default;source-sans-pro:n2,n3:default;artifika:n4:default.js</head>

<body><h1><a href=”essentials.html” class=”EssentialsHeader”>ESSENTIALS</a></h1><nav><p><a href=”home.html”>Home</a></p><p><a href=”about.html”>About</a></p><p><a href=”attractions.html”>Attractions</a></p><p><a href=”essentials.html”>Essentials</a></p><p><a href=”information.html”>Information</a></p></nav>

<section class=”section1″><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig. Tall Ships Races</a></p><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig.Museum</a></p><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig.;<p><a href=”Feil! Hyperkoblingsreferansen er ugyldig.;</section>

<section class=”section2″><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig. </a></p><p><a href=”http://www.visitnorway.com/no/reisemal/vestlandet/alesund-og-sunnmore/”>Brosundet </a></p><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig. University of Aalesund </a></p><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig. Art

College</a></p></section>

<section class=”section3″><p><a href=”http://www.visitnorway.com/no/reisemal/vestlandet/alesund-og-sunnmore/aktiviteter-i-alesund-og-sunnmore/attraksjoner-i-alesund-og-sunnmore/sunnmorsalpene-/”>The Sunnmørs Apls </a></p><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig. Museum </a></p><p><a href=”https://mrfylke.no/Morotur/Turar/Aksla”>Borgernes veg </a></p><p><a href=”http://www.alesund.kommune.no/sub/kultur/”>Arbeideren</a></p&gt;</section>

<section class=”section4″><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig. Fabrikken </a></p><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig. Studenthus </a></p><p><a href=”Feil! Hyperkoblingsreferansen er ugyldig. Church </a></p><p><a href=”https://mrfylke.no/Morotur/Turar/Sukkertoppen-314-moh.”>Sukkertoppen</a></p&gt;</section>

<footer>Copyright 2015 Charlotte Marø</footer>

</body></html>

Information page:

<!doctype html><html><head><meta charset=”UTF-8″><title>Visit Aalesund | Essentials</title><link href=”Style.css” rel=”stylesheet” type=”text/css”><style type=”text/css”>body {background-image: url(Images/information.jpg);background-attachment: fixed;background-size: cover;}.section1 {width: 17%;margin-left: 5%;margin-right: 2%;margin-top: 25%;padding-top: 2%;padding-right: 2%;padding-bottom: 2%;padding-left: 2%;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52)

0%,rgba(123,215,251,0.52) 100%);float: left;color: #000000;font-size: 1.2em;font-weight: bold;}.section2 {margin-left: 2%;margin-right: 2%;margin-top: 25%;padding-left: 2%;width: 17%;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);padding-top: 2%;padding-right: 2%;padding-bottom: 2%;float: left;color: #000000;font-size: 1.2em;font-weight: bold;}.section3 {

padding-top: 2%;padding-right: 2%;padding-bottom: 2%;padding-left: 2%;margin-top: 25%;margin-left: 2%;margin-right: 2%;float: left;width: 17%;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);color: #000000;font-size: 1.2em;font-weight: bold;}</style><!–The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.–>var __adobewebfontsappname__=”dreamweaver”http://use.edgefonts.net/aladin:n4:default;annie-use-your-telescope:n4:default;source-sans-

pro:n2,n3:default;artifika:n4:default.js</head>

<body><h1><a href=”information.html” class=”InformationHeader”>INFORMATION</a></h1><nav><p><a href=”home.html”>Home</a></p><p><a href=”about.html”>About</a></p><p><a href=”attractions.html”>Attractions</a></p><p><a href=”essentials.html”>Essentials</a></p><p><a href=”information.html”>Information</a></p></nav>

<section><p class=”section1″>Aalesund turist information Skateflukaia, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 6002 Aalesund &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; +47 70 16 34 30 <a href=”Feil! Hyperkoblingsreferansen er ugyldig.;</section>

<section><p class=”section2″>Aalesund Comune &nbsp; &nbsp; &nbsp; Keiser Wilhelms gate 11, 6003 Alesund &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; +47 70 16 20 00<a href=”Feil! Hyperkoblingsreferansen er ugyldig.;</section>

<section><p class=”section3″>Aalesund vacancy Ystenesgata 6B, &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 6003 Aalesund &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; +47 55 55 33 33 &nbsp;

&nbsp; &nbsp; &nbsp; &nbsp; <a href=”https://tjenester.nav.no/stillinger/stillinger?rpp=50&amp;rv=al&amp;l2=63103″>nav.no</a></p&gt;</section><footer>Copyright 2015 Charlotte Marø</footer>

</body></html>

CSS styling:

@charset “UTF-8”;h1 {font-size: 5em;font-family: artifika;font-style: normal;font-weight: 400;text-align: center;padding-top: 2%;padding-bottom: 1.5%;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);margin-left: 5%;margin-right: 5%;color: #529BBB;

text-shadow: 0px 2px #323232;margin-top: 0.5%;}body {background-size: cover;background-attachment: fixed;}p {font-family: source-sans-pro;font-style: normal;font-weight: 300;color: #FFFFFF;font-variant: normal;font-size: large;}footer {

margin-left: 5%;margin-right: 5%;text-align: center;width: 90%;clear: both;height: 50%;margin-top: 20%;margin-bottom: 2%;padding-top: 1%;padding-bottom: 1%;font-family: source-sans-pro;text-shadow: 0px 0px;-webkit-box-shadow: 0px 0px;box-shadow: 0px 0px;background-attachment: fixed;

background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);font-style: normal;color: #000000;font-size: small;font-weight: 300;}nav {width: 10%;margin-left: 2.5%;margin-right: 5%;float: right;font-weight: bold;font-size: 2em;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52)

0%,rgba(123,215,251,0.52) 100%);color: #000000;padding-top: 2%;padding-right: 1%;padding-bottom: 2%;text-align: center;}.sectionLeft {width: 30%;float: left;margin-left: 5%;margin-right: 2.5%;margin-top: 20%;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);padding-top: 2%;padding-right: 2%;padding-bottom: 2%;padding-left: 2%;color: #000000;font-weight: bolder;font-size: 1em;text-shadow: 0px 0px #4C4C4C;

}.sectionRight {float: right;width: 30%;margin-left: 2.5%;margin-right: 5%;margin-top: 20%;background-image: -webkit-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -moz-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: -o-linear-gradient(270deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);background-image: linear-gradient(180deg,rgba(123,215,251,0.52) 0%,rgba(123,215,251,0.52) 100%);padding-top: 1%;padding-right: 1%;padding-bottom: 1%;padding-left: 1%;color: #000000;font-weight: bolder;font-size: 1em;text-shadow: 0px 0px #4C4C4C;}.body_home {background-image: url(Images/home.jpg);background-size: cover;background-attachment: fixed;}

.body.about {background-image: url(Images/about.jpg);background-size: cover;background-attachment: fixed;}a {color: #000000;font-weight: bold;text-decoration: none;}.ÅlesundHeader {font-family: artifika;font-style: normal;font-weight: 400;color: #529BBB;text-shadow: 0px 2px #323232;font-size: 1.3em;}.AboutHeader {font-family: artifika;font-style: normal;font-weight: 400;color: #529BBB;font-size: 1.3em;text-align: center;text-shadow: 0px 2px #323232;}.AttractionsHeader {font-family: artifika;font-style: normal;font-weight: 400;

font-size: 1.3em;text-align: center;text-shadow: 0px 2px #323232;color: #529BBB;}.EssentialsHeader {font-family: artifika;font-style: normal;font-weight: 400;color: #529BBB;font-size: 1.3em;text-shadow: 0px 2px #323232;}.InformationHeader {font-family: artifika;font-style: normal;font-weight: 400;font-size: 1.3em;text-shadow: 0px 2px #323232;color: #529BBB;}