diff --git a/images/faiconDog2.png b/images/faiconDog2.png new file mode 100644 index 0000000..e0d62ab Binary files /dev/null and b/images/faiconDog2.png differ diff --git a/images/y1.jpg b/images/y1.jpg new file mode 100644 index 0000000..5fd12a1 Binary files /dev/null and b/images/y1.jpg differ diff --git a/images/y2.jpg b/images/y2.jpg new file mode 100644 index 0000000..e7ec550 Binary files /dev/null and b/images/y2.jpg differ diff --git a/images/y3.jpg b/images/y3.jpg new file mode 100644 index 0000000..24c9689 Binary files /dev/null and b/images/y3.jpg differ diff --git a/images/y4.jpg b/images/y4.jpg new file mode 100644 index 0000000..bf52f11 Binary files /dev/null and b/images/y4.jpg differ diff --git a/images/y5.jpg b/images/y5.jpg new file mode 100644 index 0000000..c30e92c Binary files /dev/null and b/images/y5.jpg differ diff --git a/index.html b/index.html index fd4c892..3b067c2 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,83 @@ + Document - + +
+
+ + Choose type of yacht +
+ + +
+ \ No newline at end of file diff --git a/styles/fonts/Airstream-webfont.eot b/styles/fonts/Airstream-webfont.eot new file mode 100644 index 0000000..eea0695 Binary files /dev/null and b/styles/fonts/Airstream-webfont.eot differ diff --git a/styles/fonts/Airstream-webfont.svg b/styles/fonts/Airstream-webfont.svg new file mode 100644 index 0000000..dd702fe --- /dev/null +++ b/styles/fonts/Airstream-webfont.svg @@ -0,0 +1,479 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/styles/fonts/Airstream-webfont.ttf b/styles/fonts/Airstream-webfont.ttf new file mode 100644 index 0000000..b716a5b Binary files /dev/null and b/styles/fonts/Airstream-webfont.ttf differ diff --git a/styles/fonts/Airstream-webfont.woff b/styles/fonts/Airstream-webfont.woff new file mode 100644 index 0000000..d5db5ac Binary files /dev/null and b/styles/fonts/Airstream-webfont.woff differ diff --git a/styles/fonts/LAKESHOR-webfont.eot b/styles/fonts/LAKESHOR-webfont.eot new file mode 100644 index 0000000..d557d56 Binary files /dev/null and b/styles/fonts/LAKESHOR-webfont.eot differ diff --git a/styles/fonts/LAKESHOR-webfont.svg b/styles/fonts/LAKESHOR-webfont.svg new file mode 100644 index 0000000..a7cf7e5 --- /dev/null +++ b/styles/fonts/LAKESHOR-webfont.svg @@ -0,0 +1,249 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/styles/fonts/LAKESHOR-webfont.ttf b/styles/fonts/LAKESHOR-webfont.ttf new file mode 100644 index 0000000..ed99201 Binary files /dev/null and b/styles/fonts/LAKESHOR-webfont.ttf differ diff --git a/styles/fonts/LAKESHOR-webfont.woff b/styles/fonts/LAKESHOR-webfont.woff new file mode 100644 index 0000000..cf606c9 Binary files /dev/null and b/styles/fonts/LAKESHOR-webfont.woff differ diff --git a/styles/yachts-styles.css b/styles/yachts-styles.css new file mode 100644 index 0000000..98133d6 --- /dev/null +++ b/styles/yachts-styles.css @@ -0,0 +1,67 @@ +body { + display: flex; + flex-direction: column; + background-color: rgb(230, 245, 245); +} +.logo { +font-size: 2em; +background-color: bisque; +display: inline; display:block; +text-align: center; +} +.main-class { + +} +.details-container { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 2.5vh+++; + + +} +.details-image { +width: 80vw; +height: 60vw; +border-radius: 25%; + +} +.details-title { +display: block; + +} +.thumbnails-list { +list-style: none; +display: flex; +flex-direction: row; +flex-wrap: wrap; +max-height: 25vh; +overflow-y: auto; +justify-content: space-around; +padding-left: 0; + + +} +.thumbnails-item { + width: 20vw; + height: 20vw; + margin-top: 2vh; + background-color: rgb(165, 190, 175); + border: solid 1px; +border-color: rgb(52, 59, 56); + + +} +.thumbnails-image { +width: 20vw; +height: 15vw; +} +.thumbnails-title { + display: block; + text-align: center; + height: 5vw; + background-color: rgb(165, 190, 175); +} +.thumbnails-anchor { + text-decoration: none; +}