diff --git a/.cache/.otp_sesion_105.232.65.234 b/.cache/.otp_sesion_105.232.65.234 new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/.cache/.otp_sesion_105.232.65.234 @@ -0,0 +1 @@ + diff --git a/atlantic.jpg b/atlantic.jpg new file mode 100644 index 0000000..196ab45 Binary files /dev/null and b/atlantic.jpg differ diff --git a/atlantic.mp4 b/atlantic.mp4 new file mode 100644 index 0000000..26f982c Binary files /dev/null and b/atlantic.mp4 differ diff --git a/css/atlantic.css b/css/atlantic.css index 3606f63..4fa7524 100644 --- a/css/atlantic.css +++ b/css/atlantic.css @@ -10,16 +10,16 @@ header nav a { header .active { text-decoration-color: lightblue; padding: 0 10px; - background: rgb(34,34,34); - background: linear-gradient(0deg, rgba(34,34,34,1) 0%, rgba(84,84,84,1) 50%, rgba(34,34,34,1) 100%); + background: rgb(34, 34, 34); + background: linear-gradient(0deg, rgba(34, 34, 34, 1) 0%, rgba(84, 84, 84, 1) 50%, rgba(34, 34, 34, 1) 100%); box-shadow: inset 0 0 10px #000000; } header nav ul { padding-left: 0; list-style-type: none; - background: rgb(46,44,47); - background: linear-gradient(0deg, rgba(46,44,47,1) 0%, rgba(110,121,122,1) 50%, rgba(46,44,47,1) 100%); + background: rgb(46, 44, 47); + background: linear-gradient(0deg, rgba(46, 44, 47, 1) 0%, rgba(110, 121, 122, 1) 50%, rgba(46, 44, 47, 1) 100%); display: flex; justify-content: flex-start; align-items: center; @@ -29,7 +29,7 @@ header nav ul { header ul li *[href]:link { color: whitesmoke; padding: 0 10px; - background: linear-gradient(0deg, rgba(46,44,47,1) 0%, rgba(110,121,122,1) 50%, rgba(46,44,47,1) 100%); + background: linear-gradient(0deg, rgba(46, 44, 47, 1) 0%, rgba(110, 121, 122, 1) 50%, rgba(46, 44, 47, 1) 100%); display: flex; flex-grow: inherit; } @@ -37,7 +37,7 @@ header ul li *[href]:link { header ul li *[href]:visited { color: aliceblue; padding: 0 10px; - background: linear-gradient(0deg, rgba(46,44,47,1) 0%, rgba(110,121,122,1) 50%, rgba(46,44,47,1) 100%); + background: linear-gradient(0deg, rgba(46, 44, 47, 1) 0%, rgba(110, 121, 122, 1) 50%, rgba(46, 44, 47, 1) 100%); display: flex; flex-grow: inherit; } @@ -45,11 +45,98 @@ header ul li *[href]:visited { header ul li *[href]:hover { color: lightskyblue; padding: 0 10px; - background: rgb(34,34,34); - background: linear-gradient(0deg, rgba(34,34,34,1) 0%, rgba(84,84,84,1) 50%, rgba(34,34,34,1) 100%); + background: rgb(34, 34, 34); + background: linear-gradient(0deg, rgba(34, 34, 34, 1) 0%, rgba(84, 84, 84, 1) 50%, rgba(34, 34, 34, 1) 100%); box-shadow: inset 0 0 10px #000000; } +#home-hero { + background-color: white; + padding: 20px; + -webkit-duration: 1s; + -moz-duration: 1s; + -o-duration: 1s; + transition-duration: 1s; +} + +#home-hero:hover { + background-color: #a3bedb; +} + +@keyframes image-fun { + 0% { + left: -500px; + top: -300px; + -webkit-transform: rotateZ(0deg); + -moz-transform: rotateZ(0deg); + -o-transform: rotateZ(0deg); + transform: rotateZ(0deg); + width: 10px; + } + 100% { + left: 0px; + top: 0px; + -webkit-transform: rotateZ(360deg); + -moz-transform: rotateZ(360deg); + -o-transform: rotateZ(360deg); + transform: rotateZ(360deg); + width: 650px; + } +} + +@keyframes image-spin { + 0% { + left: 0; + top: 100px; + -webkit-transform: rotateY(0deg); + -moz-transform: rotateY(0deg); + -o-transform: rotateY(0deg); + transform: rotateY(0deg); + width: 10px; + } + 100% { + left: 0; + top: 0; + -webkit-transform: rotateY(360deg); + -moz-transform: rotateY(360deg); + -o-transform: rotateY(360deg); + transform: rotateY(360deg); + width: 650px; + } +} + +#default-image { + border-radius: 20px; + width: 650px; + position: relative; + animation-name: image-fun; + animation-duration: 2s; +} + +#book-flight-image, #rent-car-image, #walking-distance-image { + border-radius: 20px; + width: 650px; + position: relative; + animation-name: image-spin; + animation-duration: 2s; +} + +#toggleWatchBtn { + width: 180px; + height: 50px; + background: rgb(96, 95, 95); + background: linear-gradient(0deg, rgba(96, 95, 95, 1) 0%, rgba(255, 255, 255, 1) 100%); + -webkit-duration: .5s; + -moz-duration: .5s; + -o-duration: .5s; + transition-duration: .5s; +} + +#toggleWatchBtn:hover { + width: 250px; + height: 60px; + font-size: 16px; +} /* Mobile devices */ @media screen and (max-width: 480px) { diff --git a/index.html b/index.html index 9877365..ca6f473 100644 --- a/index.html +++ b/index.html @@ -36,33 +36,33 @@ -
-

Enjoy Nature in Luxury

- +
+
+

Enjoy Nature in Luxury

+
+
+
+

What We Offer

+

Atlantic Fishing Resort offers a special lodging experience on the + Namibian West + Coast.
+ Relax in serenity with panoramic views of the Atlantic Ocean.

+
+
+
    +
  • Private apartments with beach front views
  • +
  • Activities in and around town
  • +
  • Shops in walking distance
  • +
  • Nightly fine dining at the Overlook Cafe
  • +
  • Heated jacuzzi and sauna
  • +
  • Guided fishing tours
  • +
+
+
+
+
-

What We Offer

-

Atlantic Fishing Resort offers a special lodging experience on the Namibian West - Coast.
- Relax in serenity with panoramic views of the Atlantic Ocean.

-
    -
  • Private apartments with beach front views
  • -
  • Activities in and around town
  • -
  • Shops in walking distance
  • -
  • Nightly fine dining at the Overlook Cafe
  • -
  • Heated jacuzzi and sauna
  • -
  • Guided fishing tours
  • -
-
-
-
+

Find us

@@ -71,30 +71,46 @@ location.

-
+
- Atlantic Holiday Resort + Atlantic Holiday Resort + style="display: none;"> + style="display: none;"> + style="display: none;">
+
+
+ +
+
+ Atlantic Fishing Resort
+ 12010 Atlantic Fishing Road
+ Hentiesbaai, Namibia 95555

+ 888-555-5555 + 888-555-5555

+ yourfirstname@yourlastname.com +
+
\ No newline at end of file