├── assest ├── fonts │ ├── Montserrat-Black.ttf │ ├── Montserrat-Bold.ttf │ ├── Montserrat-ExtraBold.ttf │ ├── Montserrat-Light.ttf │ ├── Montserrat-Regular.ttf │ ├── OpenSans-VariableFont_wdth,wght.ttf │ └── Roboto-Bold.ttf ├── img │ ├── 4_event_image.png │ ├── 4_hero.png │ ├── content_down_image.png │ ├── content_up_image.png │ ├── entertainment_image.png │ ├── event_image.png │ ├── hero.png │ ├── hero_background.png │ ├── news_image.png │ ├── speaker-image1.png │ ├── speaker-image2.png │ ├── speaker-image3.png │ ├── speaker-image4.png │ ├── speaker-image5.png │ ├── speaker-image6.png │ ├── sponsor-image1.png │ ├── sponsor-image2.png │ ├── sponsor-image3.png │ ├── sponsor-image4.png │ ├── title_image1.png │ ├── title_image2.png │ ├── title_image3.png │ ├── title_image4.png │ ├── title_image5.png │ └── title_image6.png ├── scss │ ├── main.css │ ├── main.css.map │ ├── main.scss │ └── modules │ │ ├── _aboutus.scss │ │ ├── _black-theme.scss │ │ ├── _category.scss │ │ ├── _content-down.scss │ │ ├── _content-middle.scss │ │ ├── _content-up.scss │ │ ├── _entertainment.scss │ │ ├── _event.scss │ │ ├── _event3.scss │ │ ├── _event4.scss │ │ ├── _footer.scss │ │ ├── _header-black.scss │ │ ├── _header.scss │ │ ├── _hero-black.scss │ │ ├── _hero.scss │ │ ├── _highlights.scss │ │ ├── _itemlist.scss │ │ ├── _lastnews.scss │ │ ├── _speakers.scss │ │ ├── _sponsors.scss │ │ └── _white-theme.scss └── svg │ ├── arrow-border-white.svg │ ├── arrow-border.svg │ ├── arrow.svg │ ├── back-icon.svg │ ├── category_doubleline_icon.svg │ ├── drop-bar.svg │ ├── evens-back.svg │ ├── event-logo-white.svg │ ├── event-logo.svg │ ├── events-letter.svg │ ├── graphic-logo.svg │ ├── hero_title_1.svg │ ├── hero_title_2.svg │ ├── highlights-icon1-white.svg │ ├── highlights-icon1.svg │ ├── highlights-icon2-white.svg │ ├── highlights-icon2.svg │ ├── highlights-icon3-white.svg │ ├── highlights-icon3.svg │ ├── icon-instar.svg │ ├── icon-twitter.svg │ ├── logo-line.svg │ ├── logo-white.svg │ └── logo.svg ├── page1.html ├── page2.html ├── page3.html └── page4.html /assest/fonts/Montserrat-Black.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/fonts/Montserrat-Black.ttf -------------------------------------------------------------------------------- /assest/fonts/Montserrat-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/fonts/Montserrat-Bold.ttf -------------------------------------------------------------------------------- /assest/fonts/Montserrat-ExtraBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/fonts/Montserrat-ExtraBold.ttf -------------------------------------------------------------------------------- /assest/fonts/Montserrat-Light.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/fonts/Montserrat-Light.ttf -------------------------------------------------------------------------------- /assest/fonts/Montserrat-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/fonts/Montserrat-Regular.ttf -------------------------------------------------------------------------------- /assest/fonts/OpenSans-VariableFont_wdth,wght.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/fonts/OpenSans-VariableFont_wdth,wght.ttf -------------------------------------------------------------------------------- /assest/fonts/Roboto-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/fonts/Roboto-Bold.ttf -------------------------------------------------------------------------------- /assest/img/4_event_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/4_event_image.png -------------------------------------------------------------------------------- /assest/img/4_hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/4_hero.png -------------------------------------------------------------------------------- /assest/img/content_down_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/content_down_image.png -------------------------------------------------------------------------------- /assest/img/content_up_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/content_up_image.png -------------------------------------------------------------------------------- /assest/img/entertainment_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/entertainment_image.png -------------------------------------------------------------------------------- /assest/img/event_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/event_image.png -------------------------------------------------------------------------------- /assest/img/hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/hero.png -------------------------------------------------------------------------------- /assest/img/hero_background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/hero_background.png -------------------------------------------------------------------------------- /assest/img/news_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/news_image.png -------------------------------------------------------------------------------- /assest/img/speaker-image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/speaker-image1.png -------------------------------------------------------------------------------- /assest/img/speaker-image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/speaker-image2.png -------------------------------------------------------------------------------- /assest/img/speaker-image3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/speaker-image3.png -------------------------------------------------------------------------------- /assest/img/speaker-image4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/speaker-image4.png -------------------------------------------------------------------------------- /assest/img/speaker-image5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/speaker-image5.png -------------------------------------------------------------------------------- /assest/img/speaker-image6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/speaker-image6.png -------------------------------------------------------------------------------- /assest/img/sponsor-image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/sponsor-image1.png -------------------------------------------------------------------------------- /assest/img/sponsor-image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/sponsor-image2.png -------------------------------------------------------------------------------- /assest/img/sponsor-image3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/sponsor-image3.png -------------------------------------------------------------------------------- /assest/img/sponsor-image4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/sponsor-image4.png -------------------------------------------------------------------------------- /assest/img/title_image1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/title_image1.png -------------------------------------------------------------------------------- /assest/img/title_image2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/title_image2.png -------------------------------------------------------------------------------- /assest/img/title_image3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/title_image3.png -------------------------------------------------------------------------------- /assest/img/title_image4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/title_image4.png -------------------------------------------------------------------------------- /assest/img/title_image5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/title_image5.png -------------------------------------------------------------------------------- /assest/img/title_image6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/JSilver-Legend/HTML-SCSS-BOOTSTRAP/4b1c02e70bb70a9f3967842e084f1087fdde3261/assest/img/title_image6.png -------------------------------------------------------------------------------- /assest/scss/main.scss: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "Montserrat-bold"; 3 | src: url("../fonts/Montserrat-Bold.ttf"); 4 | } 5 | @font-face { 6 | font-family: "Montserrat-extrabold"; 7 | src: url("../fonts/Montserrat-ExtraBold.ttf"); 8 | } 9 | @font-face { 10 | font-family: "Montserrat"; 11 | src: url("../fonts/Montserrat-Regular.ttf"); 12 | } 13 | @font-face { 14 | font-family: "Montserrat-light"; 15 | src: url("../fonts/Montserrat-Light.ttf"); 16 | } 17 | @font-face { 18 | font-family: "Montserrat-black"; 19 | src: url("../fonts/Montserrat-Black.ttf"); 20 | } 21 | @font-face { 22 | font-family: "Roboto-bold"; 23 | src: url("../fonts/Roboto-Bold.ttf"); 24 | } 25 | @font-face { 26 | font-family: "Open Sans"; 27 | src: url("../fonts/OpenSans-VariableFont_wdth\,wght.ttf"); 28 | } 29 | 30 | $Mont: "Montserrat"; 31 | $Mont-light: "Montserrat-light"; 32 | $Mont-bold: "Montserrat-bold"; 33 | $Mont-extrabold: "Montserrat-extrabold"; 34 | $Mont-black: "Montserrat-black"; 35 | $Roboto: "Roboto-bold"; 36 | $Open-Sans: "Open Sans"; 37 | 38 | $Mobile-up: 768px; 39 | $Mobile-down: 767px; 40 | $Medium-up: 1241px; 41 | $Medium-down: 1240px; 42 | $Container-width: 1550px; 43 | 44 | @import './modules/header'; 45 | @import './modules/header-black'; 46 | @import './modules/hero'; 47 | @import './modules/event'; 48 | @import './modules/event3'; 49 | @import './modules/event4'; 50 | @import './modules/hero-black'; 51 | @import './modules/aboutus'; 52 | @import './modules/category'; 53 | @import './modules/highlights'; 54 | @import './modules/itemlist'; 55 | @import './modules/lastnews'; 56 | @import './modules/content-up'; 57 | @import './modules/content-middle'; 58 | @import './modules/content-down'; 59 | @import './modules/speakers'; 60 | @import './modules/entertainment'; 61 | @import './modules/sponsors'; 62 | @import './modules/footer'; 63 | 64 | @import './modules/white-theme'; 65 | @import './modules/black-theme'; 66 | 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /assest/scss/modules/_aboutus.scss: -------------------------------------------------------------------------------- 1 | .aboutus{ 2 | max-width: $Container-width; 3 | position: relative; 4 | margin: 100px 0px; 5 | @media screen and (max-width: $Medium-down) { 6 | .title{ 7 | font-size: 25px; 8 | } 9 | .title-bold{ 10 | font-size: 25px; 11 | } 12 | } 13 | .top{ 14 | .image-flap{ 15 | overflow: hidden; 16 | display: flex; 17 | justify-content: center; 18 | margin-left: 10px; 19 | margin-right: 10px; 20 | } 21 | .title{ 22 | font-family: $Mont; 23 | font-style: normal; 24 | font-weight: 300; 25 | line-height: 116.3%; 26 | } 27 | .title-bold{ 28 | font-family: $Mont-bold; 29 | font-style: normal; 30 | font-weight: 300; 31 | line-height: 116.3%;; 32 | } 33 | @media screen and (max-width: 1290px) { 34 | .title{ 35 | font-size: 32px; 36 | } 37 | .title-bold{ 38 | font-size: 32px; 39 | } 40 | } 41 | @media screen and (min-width: 1291px) { 42 | .title{ 43 | font-size: 42px; 44 | } 45 | .title-bold{ 46 | font-size: 45px; 47 | } 48 | } 49 | .text{ 50 | font-family: $Open-Sans; 51 | font-style: normal; 52 | font-weight: 400; 53 | font-size: 15px; 54 | line-height: 160%; 55 | } 56 | } 57 | .bottom{ 58 | z-index: 0; 59 | @media screen and (min-width: $Medium-up) { 60 | margin-top: -50px; 61 | } 62 | @media screen and (max-width: $Medium-down) { 63 | margin-top: -45px; 64 | } 65 | @media screen and (max-width: 1199px) { 66 | margin-top: 50px; 67 | } 68 | .title{ 69 | font-family: $Mont; 70 | font-style: normal; 71 | font-weight: 700; 72 | font-size:20px; 73 | line-height: 160%; 74 | } 75 | .text{ 76 | font-family: $Open-Sans; 77 | font-style: normal; 78 | font-weight: 400; 79 | font-size: 15px; 80 | line-height: 160%; 81 | } 82 | } 83 | } -------------------------------------------------------------------------------- /assest/scss/modules/_black-theme.scss: -------------------------------------------------------------------------------- 1 | .black-theme{ 2 | a{ 3 | color: white !important; 4 | text-decoration: none; 5 | } 6 | a:link { 7 | color: black; 8 | } 9 | 10 | a:visited { 11 | color: black; 12 | } 13 | 14 | a:hover { 15 | color: black; 16 | } 17 | 18 | a:active { 19 | color: black; 20 | } 21 | u{ 22 | color: white; 23 | } 24 | background-color: #1A1A1A; 25 | color: white; 26 | .footer{ 27 | .bottom-line{ 28 | color: white !important; 29 | } 30 | } 31 | 32 | .lastnews{ 33 | .lastnews-text{ 34 | color: white !important; 35 | } 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /assest/scss/modules/_category.scss: -------------------------------------------------------------------------------- 1 | .category{ 2 | margin-top: 70px; 3 | max-width: $Container-width; 4 | .category-card{ 5 | padding-left: 10px; 6 | padding-right: 10px; 7 | .category-text{ 8 | font-size: 18px; 9 | font-weight: 500; 10 | } 11 | } 12 | .imageFlap{ 13 | padding-left: 10px; 14 | padding-right: 10px; 15 | } 16 | .textFlap{ 17 | padding-left: 20px 18 | } 19 | .carousel-cell { 20 | width:25%; 21 | height: auto; 22 | margin-right: 10px; 23 | } 24 | .flickity-page-dots { 25 | display: none; 26 | } 27 | .flickity-prev-next-button { 28 | display: none; 29 | } 30 | @media screen and (max-width: 750px) { 31 | div.carousel-cell { 32 | width:100%; 33 | } 34 | } 35 | } -------------------------------------------------------------------------------- /assest/scss/modules/_content-down.scss: -------------------------------------------------------------------------------- 1 | .content-down{ 2 | max-width: $Container-width; 3 | padding-left: 20px; 4 | padding-top: 30px; 5 | .content-body{ 6 | max-width: 1144px; 7 | .title{ 8 | font-family: $Open-Sans; 9 | font-weight: 600; 10 | font-size: 32px; 11 | line-height: 52px; 12 | letter-spacing: -4%; 13 | } 14 | .comment-text{ 15 | padding-top: 30px; 16 | max-width: $Container-width; 17 | padding-right: 10px; 18 | font-family: $Open-Sans; 19 | font-size: 15px; 20 | line-height: 24px; 21 | text-align: left; 22 | vertical-align: top; 23 | letter-spacing: 1%; 24 | .text{ 25 | max-width: 1145px; 26 | } 27 | } 28 | .image-flap{ 29 | max-width: $Container-width; 30 | padding-top: 70px; 31 | text-align: left; 32 | .title-image{ 33 | justify-content: center; 34 | overflow: hidden; 35 | margin-right: 20px; 36 | } 37 | .bottom-arrow{ 38 | padding-top: 20px; 39 | padding-right: 30px; 40 | display: flex; 41 | justify-content: right; 42 | .logo{ 43 | padding-left: 10px; 44 | z-index: 100; 45 | } 46 | .button-label{ 47 | padding-left: 30px; 48 | font-family: $Mont-bold; 49 | font-style: normal; 50 | font-weight: 500; 51 | font-size: 14px; 52 | } 53 | } 54 | } 55 | } 56 | } -------------------------------------------------------------------------------- /assest/scss/modules/_content-middle.scss: -------------------------------------------------------------------------------- 1 | .content-middle{ 2 | max-width: $Container-width; 3 | padding-left: 20px; 4 | .title{ 5 | font-family: $Open-Sans; 6 | font-weight: 600; 7 | font-size: 32px; 8 | line-height: 52px; 9 | letter-spacing: -4%; 10 | } 11 | .comment{ 12 | padding-top: 30px; 13 | max-width: $Container-width; 14 | padding-right: 20px; 15 | font-family: $Open-Sans; 16 | font-size: 15px; 17 | line-height: 24px; 18 | text-align: left; 19 | vertical-align: top; 20 | letter-spacing: 1%; 21 | .text{ 22 | max-width: 1145px; 23 | } 24 | } 25 | .content-list{ 26 | padding-top: 30px; 27 | font-family: $Open-Sans; 28 | font-weight: 400; 29 | font-size: 15px; 30 | padding-left: 50px; 31 | @media screen and (min-width: $Mobile-up) { 32 | padding-left: 30px; 33 | } 34 | @media screen and (max-width: $Mobile-down) { 35 | padding-left: 0px; 36 | } 37 | } 38 | } -------------------------------------------------------------------------------- /assest/scss/modules/_content-up.scss: -------------------------------------------------------------------------------- 1 | .content-up{ 2 | width: 100%; 3 | @media screen and (min-width: $Mobile-up) { 4 | padding-top: 200px; 5 | } 6 | @media screen and (max-width: $Mobile-down) { 7 | padding-top: 120px; 8 | } 9 | .title{ 10 | max-width: $Container-width; 11 | padding-left: 20px; 12 | font-family: $Mont; 13 | font-style: normal; 14 | font-weight: 300; 15 | font-size: 50px; 16 | } 17 | .logo{ 18 | padding-top: 36px; 19 | overflow: hidden; 20 | display: flex; 21 | justify-content: center; 22 | } 23 | .comment{ 24 | padding-top: 50px; 25 | max-width: $Container-width; 26 | padding-left: 20px; 27 | padding-right: 20px; 28 | font-family: $Open-Sans; 29 | font-size: 15px; 30 | line-height: 24px; 31 | text-align: left; 32 | vertical-align: top; 33 | letter-spacing: 1%; 34 | .text{ 35 | max-width: 1145px; 36 | } 37 | } 38 | } -------------------------------------------------------------------------------- /assest/scss/modules/_entertainment.scss: -------------------------------------------------------------------------------- 1 | .entertainment{ 2 | @media screen and (max-width: 1535px) { 3 | .title{ 4 | .main-title{ 5 | font-size: 100px; 6 | } 7 | } 8 | } 9 | @media screen and (min-width: 1536px) { 10 | .title{ 11 | .main-title{ 12 | font-size: 160px; 13 | } 14 | } 15 | } 16 | @media screen and (min-width: $Medium-up) { 17 | padding-top: 200px; 18 | .title{ 19 | .up-title{ 20 | padding-left: 194px; 21 | font-size: 50px; 22 | } 23 | .down-title{ 24 | padding-left: 194px; 25 | font-size: 50px; 26 | } 27 | } 28 | .comment{ 29 | margin-left: 194px; 30 | } 31 | .image-flap{ 32 | padding-top: 40px; 33 | margin-left: 194px; 34 | .explore-button{ 35 | padding-right: 60px; 36 | .button-label{ 37 | font-size: 13px; 38 | } 39 | } 40 | } 41 | } 42 | @media screen and (max-width: $Medium-down) { 43 | padding-top: 60px; 44 | .title{ 45 | .up-title{ 46 | padding-left: 20px; 47 | font-size: 32px; 48 | } 49 | .main-title{ 50 | padding-top: 20px; 51 | font-size: 40px; 52 | } 53 | .down-title{ 54 | padding-left: 20px; 55 | font-size: 32px; 56 | } 57 | } 58 | .comment{ 59 | margin-left: 10px; 60 | margin-right: 10px; 61 | } 62 | .image-flap{ 63 | padding-top: 20px; 64 | margin-left: 10px; 65 | margin-right: 10px; 66 | .explore-button{ 67 | padding-right: 20px; 68 | .button-label{ 69 | font-size: 10px; 70 | } 71 | } 72 | } 73 | } 74 | width: 100%; 75 | .title{ 76 | color: white; 77 | .up-title{ 78 | text-align: left; 79 | font-family: $Mont-light; 80 | } 81 | .main-title{ 82 | text-align: center; 83 | font-family: $Mont-black; 84 | font-weight: 900; 85 | } 86 | .down-title{ 87 | padding-top: 45px; 88 | text-align: left; 89 | font-family: $Mont-light; 90 | text-align: left; 91 | } 92 | } 93 | .comment{ 94 | letter-spacing: 1%; 95 | line-height: 24px; 96 | font-weight: 400; 97 | max-width: 1145px; 98 | font-family: $Open-Sans; 99 | font-size: 15px; 100 | color: white; 101 | } 102 | .image-flap{ 103 | max-width: 1145px; 104 | .explore-button{ 105 | padding-top: 20px; 106 | text-align: right; 107 | .button-label{ 108 | color: white; 109 | } 110 | } 111 | } 112 | } 113 | -------------------------------------------------------------------------------- /assest/scss/modules/_event.scss: -------------------------------------------------------------------------------- 1 | .event{ 2 | width: 100%; 3 | background-color: #1A1A1A; 4 | position: relative; 5 | @media screen and (min-width: 1400px) { 6 | height: 1100px; 7 | } 8 | @media screen and (max-width: 1399px) { 9 | height: 575px; 10 | } 11 | .event-top{ 12 | position: absolute; 13 | overflow: hidden; 14 | background-image: url("../svg/evens-back.svg"); 15 | background-repeat: no-repeat; 16 | background-size: cover; 17 | background-position: right; 18 | @media screen and (min-width: 1400px) { 19 | margin-top: -156px; 20 | padding-left: 80px; 21 | width: 95vw; 22 | height: 866px; 23 | } 24 | @media screen and (max-width: 1399px) { 25 | margin-top: -20vw; 26 | padding-left: 20px; 27 | width: calc(100% - 20px); 28 | height: 60vw; 29 | } 30 | @media screen and (max-width: 414px) { 31 | margin-top: -50px; 32 | padding-left: 20px; 33 | width: calc(100% - 20px); 34 | height: 268px; 35 | } 36 | .event-header { 37 | overflow: hidden; 38 | display: flex; 39 | justify-content: space-between; 40 | @media screen and (min-width: 1400px) { 41 | padding-top: 60px; 42 | padding-right: 70px; 43 | .title-text { 44 | font-family: $Mont-black; 45 | font-weight: 900; 46 | font-size: 9rem; 47 | color: black; 48 | padding-top: 50px; 49 | } 50 | .title-logo-big{ 51 | display: block; 52 | } 53 | .title-logo-small{ 54 | display: none; 55 | } 56 | } 57 | @media screen and (max-width: 1399px) { 58 | padding-top: 17px; 59 | padding-right: 15px; 60 | .title-text { 61 | padding-top: 20px; 62 | font-family: $Mont-black; 63 | font-weight: 900; 64 | font-size: 45px; 65 | color: black; 66 | } 67 | .title-logo-big{ 68 | display: none; 69 | } 70 | .title-logo-small{ 71 | display: block; 72 | } 73 | } 74 | 75 | } 76 | .body { 77 | overflow: hidden; 78 | .title-letter{ 79 | padding-left: 30px; 80 | } 81 | @media screen and (min-width: $Medium-up) { 82 | .title-line-down { 83 | font-family: $Mont-extrabold; 84 | font-weight: 900; 85 | font-size: 40px; 86 | color: black; 87 | padding-right: 170px; 88 | } 89 | } 90 | @media screen and (max-width: $Medium-down) { 91 | .title-line-down { 92 | font-family: $Mont-extrabold; 93 | font-weight: 900; 94 | font-size: 14px; 95 | color: black; 96 | padding-right: 20px; 97 | padding-top: 10px; 98 | } 99 | } 100 | } 101 | } 102 | .event-down{ 103 | background-color: #1A1A1A; 104 | z-index: 100; 105 | position: absolute; 106 | display: block; 107 | @media screen and (min-width: 1400px) { 108 | width: 85vw; 109 | margin-left: 120px; 110 | margin-top: 600px; 111 | height: 500px; 112 | padding-left: 30px; 113 | } 114 | @media screen and (max-width: 1399px) { 115 | width: 85vw; 116 | margin-left:20px; 117 | margin-top: 160px; 118 | height: 415px; 119 | padding-left: 30px; 120 | } 121 | @media screen and (max-width: 992px) { 122 | width: 85vw; 123 | margin-left:20px; 124 | margin-top: 160px; 125 | height: 415px; 126 | padding-left: 30px; 127 | } 128 | @media screen and (max-width: 414px) { 129 | width: calc(screen-20); 130 | margin-left:20px; 131 | margin-top: 160px; 132 | height: 415px; 133 | padding-left: 30px; 134 | } 135 | @media screen and (min-width: $Medium-up) { 136 | .line-up{ 137 | font-size: 80px; 138 | } 139 | .line-middle{ 140 | margin-top: -40px; 141 | font-size: 80px; 142 | } 143 | .line-down{ 144 | display: flex; 145 | justify-content: space-between; 146 | .explore-button{ 147 | padding-right: 125px; 148 | color: white; 149 | } 150 | } 151 | } 152 | @media screen and (max-width: $Medium-down) { 153 | .line-up{ 154 | font-size: 30px; 155 | } 156 | .line-middle{ 157 | font-size: 30px; 158 | } 159 | .line-down{ 160 | display: block; 161 | .explore-button{ 162 | padding-top: 20px; 163 | text-align: right; 164 | padding-right: 30px; 165 | .button-label{ 166 | color: white; 167 | padding-right: 10px; 168 | } 169 | } 170 | } 171 | } 172 | .line-up{ 173 | font-family: $Mont-black; 174 | font-weight: 900; 175 | margin-top: 10px; 176 | letter-spacing: -2%; 177 | color: #1A1A1A; 178 | text-shadow: -2px -2px 0 rgb(255, 255, 255), 2px -2px 0 rgb(255, 255, 255), -2px 2px 0 rgb(255, 255, 255), 2px 2px 0 rgb(255, 255, 255); 179 | } 180 | .line-middle{ 181 | font-family: $Mont-black; 182 | font-weight: 900; 183 | color: white; 184 | letter-spacing: -2%; 185 | } 186 | .line-down{ 187 | color: white; 188 | padding-top: 20px; 189 | .comment{ 190 | font-size: 15px; 191 | } 192 | } 193 | } 194 | 195 | } 196 | -------------------------------------------------------------------------------- /assest/scss/modules/_event3.scss: -------------------------------------------------------------------------------- 1 | .event-3{ 2 | width: 100%; 3 | padding-top: 60px; 4 | .event-header{ 5 | @media screen and (min-width: $Mobile-up) { 6 | padding-left: 112px; 7 | } 8 | @media screen and (max-width: $Mobile-down) { 9 | padding-left: 50px; 10 | } 11 | .title{ 12 | @media screen and (min-width: $Mobile-up) { 13 | padding-top: 120px; 14 | display: flex; 15 | justify-content: space-between; 16 | padding-right: 390px; 17 | } 18 | @media screen and (max-width: $Mobile-down) { 19 | padding-top: 40px; 20 | display: block; 21 | } 22 | .logo{ 23 | display: flex; 24 | justify-content: flex-end; 25 | padding-right: 30px; 26 | } 27 | .title-text{ 28 | font-family: $Mont-black; 29 | font-weight: 900; 30 | color: white; 31 | @media screen and (max-width: $Mobile-down) { 32 | padding-top: 20px; 33 | font-size: 60px; 34 | } 35 | @media screen and (min-width: $Mobile-up) { 36 | font-size: 120px; 37 | padding-top: 80px; 38 | } 39 | @media screen and (min-width: 1421px) { 40 | font-size: 200px; 41 | padding-top: 80px; 42 | } 43 | } 44 | 45 | } 46 | } 47 | .body{ 48 | width: 100%; 49 | overflow: hidden; 50 | display: block; 51 | .image-letter{ 52 | text-align: right; 53 | @media screen and (min-width: 1421px) { 54 | margin-right: -4%; 55 | } 56 | @media screen and (max-width: 1420px) { 57 | margin-right: -200px; 58 | } 59 | @media screen and (max-width: $Mobile-down) { 60 | margin-right: -4%; 61 | } 62 | } 63 | .text{ 64 | text-align: right; 65 | font-family: $Mont-extrabold; 66 | font-weight: 900; 67 | @media screen and (max-width: $Mobile-down) { 68 | font-size: 18px; 69 | padding-top: 10px; 70 | padding-right: 20px; 71 | } 72 | @media screen and (min-width: $Mobile-up) { 73 | font-size: 40px; 74 | padding-top: 20px; 75 | padding-right: 40px; 76 | } 77 | color: white; 78 | } 79 | } 80 | .event-body{ 81 | color: white; 82 | .content{ 83 | max-width: $Container-width; 84 | margin-left: 220px; 85 | margin-top: 154px; 86 | display: grid; 87 | // grid-template-columns: 2; 88 | // grid-template-rows: 2; 89 | grid-template-columns: repeat(2, minmax(0, 1fr)); 90 | grid-template-rows: repeat(2, minmax(0, 1fr)); 91 | .text{ 92 | width: 50vw; 93 | font-family: $Mont; 94 | font-weight: 800; 95 | font-size: 45px; 96 | letter-spacing: -3.5%; 97 | } 98 | .text-vertical{ 99 | font-family: $Mont-bold; 100 | font-weight: 800; 101 | text-align: left; 102 | writing-mode: vertical-rl; 103 | grid-row: span 2 / span 2; 104 | .sub-text{ 105 | font-size: 154px; 106 | margin-right: -50px; 107 | } 108 | .main-text{ 109 | margin-right: -100px; 110 | font-size: 210px; 111 | } 112 | } 113 | .image { 114 | margin-top: -300px; 115 | grid-column: span 1 / span 1; 116 | @media screen and (min-width: 1536px) { 117 | width: 57vw; 118 | } 119 | .explore-button{ 120 | padding-top: 20px; 121 | text-align: right; 122 | padding-right: 30px; 123 | .button-label{ 124 | color: white; 125 | padding-right: 10px; 126 | } 127 | } 128 | } 129 | 130 | @media screen and (max-width: 1535px) { 131 | margin-left: 0px; 132 | margin-top: 20px; 133 | padding-left: 20px; 134 | padding-right: 20px; 135 | .text{ 136 | width: 65vw; 137 | } 138 | .text-vertical { 139 | grid-row: span 1 / span 1; 140 | .sub-text{ 141 | font-size: 70px; 142 | margin-right: 0px; 143 | } 144 | .main-text{ 145 | margin-right: 0px; 146 | font-size: 90px; 147 | } 148 | } 149 | .image { 150 | margin-top: -20vw; 151 | grid-column: span 2 / span 2; 152 | } 153 | } 154 | @media screen and (max-width: 965px) { 155 | .text{ 156 | font-size: 30px; 157 | } 158 | .text-vertical { 159 | .sub-text{ 160 | font-size: 40px; 161 | } 162 | .main-text{ 163 | font-size: 55px; 164 | } 165 | } 166 | } 167 | @media screen and (max-width: $Mobile-down) { 168 | .text{ 169 | font-size: 16px; 170 | } 171 | .text-vertical { 172 | .sub-text{ 173 | font-size: 27px; 174 | } 175 | .main-text{ 176 | font-size: 35px; 177 | } 178 | } 179 | .image { 180 | margin-top: -20vw; 181 | } 182 | } 183 | } 184 | } 185 | } -------------------------------------------------------------------------------- /assest/scss/modules/_event4.scss: -------------------------------------------------------------------------------- 1 | .event-4{ 2 | color: white; 3 | padding-top: 50px; 4 | display: flex; 5 | @media screen and (min-width: $Medium-up) { 6 | padding-left: 190px; 7 | .comment-image{ 8 | .comment{ 9 | .bold{ 10 | font-size: 32px; 11 | } 12 | } 13 | } 14 | } 15 | @media screen and (max-width: $Medium-down) { 16 | padding-left: 20px; 17 | padding-right: 20px; 18 | .comment-image{ 19 | .comment{ 20 | .bold{ 21 | font-size: 25px; 22 | } 23 | } 24 | } 25 | } 26 | padding-right: 100px; 27 | justify-content: space-between; 28 | .comment-image{ 29 | .comment{ 30 | font-family: $Open-Sans; 31 | font-weight: 400; 32 | font-size: 15px; 33 | width: 100%; 34 | .bold{ 35 | margin-top: 30px; 36 | margin-bottom: 30px; 37 | font-weight: 600; 38 | } 39 | } 40 | .image{ 41 | padding-top: 60px; 42 | width: 100%; 43 | .explore-button{ 44 | @media screen and (min-width: $Mobile-up) { 45 | padding-right: 25px; 46 | .button-label{ 47 | padding-right: 25px; 48 | } 49 | } 50 | @media screen and (max-width: $Mobile-down) { 51 | padding-right: 20px; 52 | .button-label{ 53 | padding-right: 10px; 54 | } 55 | } 56 | padding-top: 20px; 57 | text-align: right; 58 | .button-label{ 59 | color: white; 60 | } 61 | } 62 | } 63 | } 64 | .vertical-title{ 65 | font-family: $Mont-bold; 66 | font-weight: 800; 67 | text-align: left; 68 | writing-mode: vertical-rl; 69 | .sub-text{ 70 | font-size: 154px; 71 | margin-right: -50px; 72 | } 73 | .main-text{ 74 | margin-right: -100px; 75 | font-size: 210px; 76 | } 77 | } 78 | } -------------------------------------------------------------------------------- /assest/scss/modules/_footer.scss: -------------------------------------------------------------------------------- 1 | .footer{ 2 | display: block; 3 | max-width: $Container-width; 4 | .top-line{ 5 | display: flex; 6 | .logo{ 7 | width: 6%; 8 | text-align: center; 9 | } 10 | } 11 | .middle-line{ 12 | .nav-link{ 13 | .link{ 14 | text-transform:uppercase; 15 | } 16 | } 17 | padding-top: 63px; 18 | @media screen and (min-width: 900px) { 19 | display: flex; 20 | justify-content: space-between; 21 | .nav-link{ 22 | justify-content: space-between; 23 | display: flex; 24 | gap:58px; 25 | } 26 | } 27 | @media screen and (max-width: 899px) { 28 | display: block; 29 | .logo{ 30 | padding-top: 50px; 31 | text-align: center; 32 | } 33 | .nav-link{ 34 | justify-content: center; 35 | display: flex; 36 | gap:58px; 37 | } 38 | } 39 | @media screen and (max-width: $Mobile-down) { 40 | .logo{ 41 | padding-top: 0px; 42 | text-align: center; 43 | } 44 | .nav-link{ 45 | display: block; 46 | text-align: center; 47 | .link{ 48 | padding-top: 20px; 49 | } 50 | } 51 | } 52 | .nav-link{ 53 | margin-top: 20px; 54 | font-family: $Mont-bold; 55 | font-style: normal; 56 | font-weight: 700; 57 | font-size: 14px; 58 | } 59 | } 60 | .bottom-line{ 61 | font-family: $Mont-bold; 62 | font-weight: 500; 63 | font-size: 13px; 64 | color: #313131; 65 | .text-flap{ 66 | list-style-type: none; 67 | display: flex; 68 | gap: 10px; 69 | text-align: center; 70 | } 71 | @media screen and (min-width: 616px) { 72 | padding-top: 140px; 73 | display: flex; 74 | justify-content: space-between; 75 | .text-flap{ 76 | justify-content: space-between; 77 | } 78 | } 79 | @media screen and (max-width: 615px) { 80 | padding-top: 40px; 81 | text-align: center; 82 | display: block; 83 | .text-flap{ 84 | padding-top: 20px; 85 | font-size: 12px; 86 | justify-content: center; 87 | padding-right: 30px; 88 | } 89 | } 90 | } 91 | } 92 | -------------------------------------------------------------------------------- /assest/scss/modules/_header-black.scss: -------------------------------------------------------------------------------- 1 | .header-black{ 2 | position: fixed; 3 | background-color: #1A1A1A; 4 | top: 0; 5 | z-index: 200; 6 | width: 100%; 7 | @media screen and (min-width: $Medium-up) { 8 | height: 125px; 9 | } 10 | @media screen and (max-width: $Medium-down) { 11 | height: 90px; 12 | } 13 | .header-bar{ 14 | max-width: $Container-width; 15 | display: flex; 16 | justify-content: space-between; 17 | align-items: center; 18 | padding-left: 15px; 19 | padding-right: 15px; 20 | padding-top:27px; 21 | .logo{ 22 | @media screen and (min-width: $Mobile-up) { 23 | width: 300px; 24 | } 25 | @media screen and (max-width: $Mobile-down) { 26 | width: 180px 27 | } 28 | } 29 | .nav-bar{ 30 | display: flex; 31 | gap: 67px; 32 | font-family: $Mont-bold; 33 | font-style: normal; 34 | .back{ 35 | display: flex; 36 | padding-top: 15px; 37 | .text{ 38 | color: white; 39 | padding-top: 5px; 40 | padding-left: 10px; 41 | font-family: $Mont-bold; 42 | font-weight: 500; 43 | font-size: 14px; 44 | } 45 | } 46 | .nav-button{ 47 | color: black; 48 | background: #ffffff; 49 | border-radius: 60px; 50 | cursor: pointer; 51 | @media screen and (min-width: $Mobile-up) { 52 | font-size: 18px; 53 | padding: 15px 40px; 54 | } 55 | @media screen and (max-width: $Mobile-down) { 56 | font-size: 11px; 57 | padding: 8px 12px; 58 | } 59 | } 60 | } 61 | } 62 | } -------------------------------------------------------------------------------- /assest/scss/modules/_header.scss: -------------------------------------------------------------------------------- 1 | .header{ 2 | position: fixed; 3 | top: 0; 4 | z-index: 200; 5 | width: 100%; 6 | background-color: white; 7 | @media screen and (min-width: 1200px) { 8 | height: 125px; 9 | } 10 | @media screen and (max-width: 1119px) { 11 | height: 90px; 12 | } 13 | .header-bar{ 14 | max-width: $Container-width; 15 | display: flex; 16 | justify-content: space-between; 17 | align-items: center; 18 | padding-left: 15px; 19 | padding-right: 15px; 20 | padding-top:27px; 21 | .logo{ 22 | @media screen and (min-width: $Mobile-up) { 23 | width: 300px; 24 | } 25 | @media screen and (max-width: $Mobile-down) { 26 | width: 180px 27 | } 28 | } 29 | .nav-bar{ 30 | gap: 67px; 31 | font-family: $Mont-bold; 32 | font-style: normal; 33 | .nav-link{ 34 | line-height: 17px; 35 | font-weight: 700; 36 | font-size: 14px; 37 | display: flex; 38 | align-items: center; 39 | justify-content: space-between; 40 | margin-top: 18px; 41 | gap:58px; 42 | .link{ 43 | text-transform:uppercase; 44 | } 45 | } 46 | .nav-button{ 47 | color: white; 48 | padding: 15px 40px; 49 | background: #000000; 50 | border-radius: 60px; 51 | cursor: pointer; 52 | } 53 | } 54 | .nav-drop{ 55 | .nav-item{ 56 | .dropdown-menu{ 57 | .link{ 58 | text-transform:uppercase; 59 | } 60 | } 61 | } 62 | } 63 | } 64 | } -------------------------------------------------------------------------------- /assest/scss/modules/_hero-black.scss: -------------------------------------------------------------------------------- 1 | .hero-black{ 2 | @media screen and (min-width: 1551px) { 3 | padding-top: 120px; 4 | .hero-title{ 5 | padding-right: 200px; 6 | } 7 | } 8 | 9 | @media screen and (max-width: $Container-width) { 10 | padding-top: 120px; 11 | .hero-title{ 12 | padding-left: 10px; 13 | } 14 | } 15 | width: 100%; 16 | .hero-title{ 17 | color: white; 18 | max-width: $Container-width; 19 | display: flex; 20 | justify-content: space-between; 21 | .text{ 22 | @media screen and (min-width: 1551px) { 23 | font-size: 50px; 24 | .title{ 25 | padding-top: 180px; 26 | } 27 | } 28 | @media screen and (max-width: $Container-width) { 29 | font-size: 32px; 30 | .title{ 31 | padding-top: 180px; 32 | } 33 | } 34 | @media screen and (max-width: 1119px) { 35 | font-size: 32px; 36 | .title{ 37 | padding-top: 0px; 38 | } 39 | } 40 | .title{ 41 | font-family: $Mont; 42 | font-style: normal; 43 | font-weight: 300; 44 | line-height: 116.3%; 45 | } 46 | .title-bold{ 47 | font-family: $Mont-bold; 48 | font-style: normal; 49 | font-weight: 300; 50 | line-height: 116.3%; 51 | } 52 | } 53 | } 54 | .hero-image{ 55 | overflow: hidden; 56 | display: flex; 57 | width: 100%; 58 | justify-content: center; 59 | } 60 | } -------------------------------------------------------------------------------- /assest/scss/modules/_hero.scss: -------------------------------------------------------------------------------- 1 | .hero{ 2 | background-image: url("../img/hero_background.png"); 3 | display: block; 4 | @media screen and (min-width: $Medium-up) { 5 | padding-top: 250px; 6 | } 7 | @media screen and (max-width: $Medium-down) { 8 | padding-top: 120px; 9 | } 10 | .title{ 11 | @media screen and (min-width: $Medium-up) { 12 | .support-title{ 13 | font-size: 60px; 14 | } 15 | .main-title{ 16 | .outline-text{ 17 | font-size: 130px; 18 | } 19 | .title-text{ 20 | font-size: 130px; 21 | } 22 | display: flex; 23 | margin-top: -20px; 24 | } 25 | } 26 | 27 | @media screen and (max-width: 1570px) { 28 | .main-title{ 29 | display: block; 30 | } 31 | } 32 | 33 | @media screen and (max-width: $Medium-down) { 34 | .support-title{ 35 | font-size: 25px; 36 | } 37 | .main-title{ 38 | margin-top: -10px; 39 | .outline-text{ 40 | font-size: 50px; 41 | } 42 | .title-text{ 43 | font-size: 50px; 44 | margin-top: -20px; 45 | margin-bottom: 20px; 46 | } 47 | } 48 | } 49 | padding-left: 20px; 50 | display: block; 51 | font-family: $Mont-black; 52 | font-style: normal; 53 | font-weight: 800; 54 | max-width: $Container-width; 55 | .main-title{ 56 | .outline-text{ 57 | color: white; 58 | text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; 59 | } 60 | } 61 | } 62 | .image-flap{ 63 | overflow: hidden; 64 | display: flex; 65 | justify-content: center; 66 | text-align: center; 67 | margin-top: 20px; 68 | width: 100%; 69 | } 70 | } -------------------------------------------------------------------------------- /assest/scss/modules/_highlights.scss: -------------------------------------------------------------------------------- 1 | .highlights{ 2 | max-width: $Container-width; 3 | @media screen and (min-width: $Mobile-up) { 4 | padding-bottom: 100px; 5 | padding-top: 163px; 6 | display: flex; 7 | justify-content: space-between; 8 | } 9 | @media screen and (max-width: $Mobile-down) { 10 | padding-bottom: 0px; 11 | display: block; 12 | padding-top: 0px; 13 | .highlight{ 14 | padding-top: 50px; 15 | } 16 | } 17 | .highlight{ 18 | @media screen and (min-width: 1360px) { 19 | display: flex; 20 | justify-content: space-between; 21 | .text{ 22 | padding-left: 100px; 23 | } 24 | } 25 | @media screen and (max-width: 1359px) { 26 | display: block; 27 | text-align: center; 28 | .text{ 29 | padding-top: 20px; 30 | } 31 | } 32 | .text{ 33 | font-family: $Mont-bold; 34 | font-style: normal; 35 | font-weight: 500; 36 | font-size: 16px; 37 | } 38 | .text-link{ 39 | font-family: $Roboto; 40 | font-weight: 400; 41 | font-size: 14px; 42 | text-decoration: underline; 43 | } 44 | } 45 | } -------------------------------------------------------------------------------- /assest/scss/modules/_itemlist.scss: -------------------------------------------------------------------------------- 1 | .itemlist{ 2 | max-width: $Container-width; 3 | margin: 100px 0px; 4 | padding-bottom: 150px; 5 | .itemlist-text{ 6 | font-family: $Mont; 7 | font-style: normal; 8 | font-weight: 200; 9 | font-size: 50px; 10 | line-height: 116.3%; 11 | } 12 | .itemlist-text-bold{ 13 | font-family: $Mont-bold; 14 | font-style: normal; 15 | font-weight: 500; 16 | font-size: 50px; 17 | line-height: 116.3%; 18 | } 19 | .itemlist-content{ 20 | font-family: $Mont; 21 | font-style: normal; 22 | font-weight: 300; 23 | font-size: 40px; 24 | line-height: 116.3%; 25 | } 26 | .bottom-arrow{ 27 | text-align: right; 28 | right: 80px; 29 | .logo{ 30 | padding-left: 10px; 31 | z-index: 100; 32 | } 33 | .button-label{ 34 | font-family: $Mont; 35 | font-style: normal; 36 | font-weight: 500; 37 | font-size: 14px; 38 | } 39 | 40 | } 41 | .itemlist-arrow{ 42 | width: 45px; 43 | height: 30px; 44 | } 45 | @media screen and (max-width: $Medium-down) { 46 | .itemlist-text{ 47 | font-family: $Mont; 48 | font-style: normal; 49 | font-weight: 200; 50 | font-size: 32px; 51 | line-height: 116.3%; 52 | } 53 | .itemlist-text-bold{ 54 | font-family: $Mont-bold; 55 | font-style: normal; 56 | font-weight: 500; 57 | font-size: 32px; 58 | line-height: 116.3%; 59 | } 60 | .itemlist-content{ 61 | font-family: $Mont; 62 | font-style: normal; 63 | font-weight: 300; 64 | font-size: 18px; 65 | line-height: 116.3%; 66 | } 67 | .itemlist-arrow{ 68 | width: 21px; 69 | height: 14px; 70 | } 71 | } 72 | } -------------------------------------------------------------------------------- /assest/scss/modules/_lastnews.scss: -------------------------------------------------------------------------------- 1 | .lastnews{ 2 | max-width: $Container-width; 3 | .lastnews-title{ 4 | font-family: $Mont; 5 | font-style: normal; 6 | font-weight: 300; 7 | font-size: 50px; 8 | line-height: 116.3%; 9 | } 10 | .lastnews-title-bold{ 11 | font-family: $Mont-bold; 12 | font-style: normal; 13 | font-weight: 300; 14 | font-size: 50px; 15 | line-height: 116.3%; 16 | } 17 | .lastnews-card{ 18 | border-bottom: solid; 19 | border-bottom-width: 1px; 20 | border-bottom-color: #828282; 21 | padding-left: 10px; 22 | padding-right: 10px; 23 | .lastnews-text{ 24 | padding-top: 30px; 25 | padding-bottom: 100px; 26 | font-family: $Mont; 27 | font-weight: 700; 28 | font-size: 18px; 29 | line-height: 150%; 30 | color: #333333; 31 | } 32 | } 33 | .carousel-cell { 34 | width:25%; 35 | height: auto; 36 | margin-right: 10px; 37 | } 38 | .flickity-page-dots { 39 | display: none; 40 | } 41 | .flickity-prev-next-button { 42 | display: none; 43 | } 44 | @media screen and (max-width: 750px) { 45 | div.carousel-cell { 46 | width:100%; 47 | } 48 | } 49 | } 50 | -------------------------------------------------------------------------------- /assest/scss/modules/_speakers.scss: -------------------------------------------------------------------------------- 1 | .speakers{ 2 | max-width: $Container-width; 3 | 4 | 5 | @media screen and (min-width: $Medium-up) { 6 | padding-left: 50px; 7 | } 8 | @media screen and (max-width: $Medium-down) { 9 | padding-left: 5px; 10 | } 11 | .content{ 12 | max-width: 1144px; 13 | .title{ 14 | color: white; 15 | font-family: $Mont-bold; 16 | font-weight: 300; 17 | padding-left: 10px; 18 | padding-right: 10px; 19 | @media screen and (min-width: $Mobile-down) { 20 | font-size: 50px; 21 | } 22 | @media screen and (max-width: $Mobile-down) { 23 | font-size: 30px; 24 | } 25 | } 26 | .body{ 27 | padding-top: 70px; 28 | padding-left: 25px; 29 | padding-right: 0px; 30 | width: 100%; 31 | .card{ 32 | background: none; 33 | border: none; 34 | position: relative; 35 | overflow: hidden; 36 | @media screen and (min-width: $Mobile-down) { 37 | font-size: 30px; 38 | } 39 | &:hover{ 40 | cursor: pointer; 41 | .show{ 42 | filter: blur(50px); 43 | -webkit-filter: blur(50px); 44 | } 45 | .hover{ 46 | display: block !important; 47 | } 48 | } 49 | .show{ 50 | .card-title{ 51 | padding-top: 30px; 52 | color: white; 53 | font-family: $Mont; 54 | font-weight: 600; 55 | @media screen and (min-width: $Mobile-down) { 56 | font-size: 18px; 57 | } 58 | @media screen and (max-width: $Mobile-down) { 59 | font-size: 16px; 60 | } 61 | } 62 | .comment{ 63 | padding-top: 10px; 64 | padding-bottom: 25px; 65 | font-family: $Mont; 66 | font-weight: 600; 67 | font-size: 14px; 68 | color: #5B5B5B; 69 | } 70 | } 71 | .hover{ 72 | position: absolute; 73 | display: none !important; 74 | font-family: $Mont-bold; 75 | width: 100%; 76 | padding-left: 15px; 77 | padding-right: 15px; 78 | .title{ 79 | padding-top: 50px; 80 | color: white; 81 | font-weight: 600; 82 | font-size: 18px !important; 83 | } 84 | .sub-title{ 85 | padding-top: 20px; 86 | padding-left: 10px; 87 | font-weight: 600; 88 | font-size: 12px; 89 | color: #CACACA; 90 | } 91 | .text{ 92 | padding-top: 40px; 93 | padding-right: 15px; 94 | font-family: $Open-Sans; 95 | font-weight: 400; 96 | font-size: 15px; 97 | } 98 | .buttons{ 99 | padding-top: 110px; 100 | display: flex; 101 | .twitter{ 102 | padding-right: 20px; 103 | } 104 | } 105 | } 106 | } 107 | } 108 | } 109 | } 110 | -------------------------------------------------------------------------------- /assest/scss/modules/_sponsors.scss: -------------------------------------------------------------------------------- 1 | .sponsors{ 2 | max-width: $Container-width; 3 | color: white; 4 | @media screen and (min-width: $Medium-up) { 5 | padding-top: 200px; 6 | padding-left: 10px; 7 | } 8 | @media screen and (max-width: $Medium-down) { 9 | padding-top: 100px; 10 | padding-left: 10px; 11 | .body{ 12 | padding-left: 20px; 13 | } 14 | } 15 | .title{ 16 | font-family: $Mont; 17 | font-style: normal; 18 | font-weight: 300; 19 | font-size: 50px; 20 | line-height: 116.3%; 21 | } 22 | .title-bold{ 23 | font-family: $Mont-bold; 24 | font-style: normal; 25 | font-weight: 300; 26 | font-size: 50px; 27 | line-height: 116.3%; 28 | } 29 | .body{ 30 | padding-top: 80px; 31 | .image{ 32 | margin-top: 20px; 33 | } 34 | } 35 | } -------------------------------------------------------------------------------- /assest/scss/modules/_white-theme.scss: -------------------------------------------------------------------------------- 1 | .white-theme{ 2 | a{ 3 | color: black; 4 | text-decoration: none; 5 | } 6 | a:link { 7 | color: black; 8 | } 9 | 10 | a:visited { 11 | color: black; 12 | } 13 | 14 | a:hover { 15 | color: black; 16 | } 17 | 18 | a:active { 19 | color: black; 20 | } 21 | } -------------------------------------------------------------------------------- /assest/svg/arrow-border-white.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assest/svg/arrow-border.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assest/svg/arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assest/svg/back-icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assest/svg/category_doubleline_icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assest/svg/drop-bar.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assest/svg/event-logo-white.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /assest/svg/event-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /assest/svg/events-letter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assest/svg/graphic-logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assest/svg/hero_title_2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assest/svg/highlights-icon1-white.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assest/svg/highlights-icon1.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assest/svg/highlights-icon2-white.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assest/svg/highlights-icon2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /assest/svg/highlights-icon3-white.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assest/svg/highlights-icon3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /assest/svg/icon-instar.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /assest/svg/icon-twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assest/svg/logo-line.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /assest/svg/logo-white.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assest/svg/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /page1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 10 | 13 | 16 | 18 | 19 | 20 | Page 1 21 | 22 | 23 | 24 | 25 | 71 |
72 |
73 |
74 | Supporting the UK 75 |
76 |

#umbraco

77 |

Community

78 |
79 |
80 |
81 | 82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 | 90 |
91 | 92 |

about us

93 |
94 | 95 | 96 |
97 |
98 | 99 |
100 | 101 |

see events

102 |
103 | 104 | 105 |
106 |
107 | 108 |
109 | 110 |

membership

111 |
112 | 113 | 114 |
115 |
116 | 117 |
118 | 119 |

benefits

120 |
121 | 122 | 123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 | 133 |
134 |
135 |
136 |
137 |
138 |

The UK Umbraco community is the biggest 139 | worldwide

140 |

With 13x independent meetup groups, 2x Umbraco conferences, 27 Umbraco 141 | MVPs, 142 | 3.5x 143 | more certified 144 | developers than the biggest markets, and more partners than anywhere else worldwide. Given the unique 145 | nature of the Umbraco UK community it probably wouldn’t be realistic to replicate an identical model 146 | to 147 | DUUG or BUUG, but perhaps a model closer to that of the .NET Foundation and the Cloud Native 148 | Foundation 149 | – who also support meetups and conferences

150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |

Lorem ipsum dolor sit

159 |

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Euismod 160 | massa
augue at porttitor et, nunc orci netus sit. Rhoncus amet et morbi tincidunt bibendum in eu 161 | vitae
phasellus. Sed viverra ultrices lobortis tempor ut auctor neque proin.

162 |
163 |
164 |
165 |
166 |
167 | 168 |
169 |
170 |
171 |
172 |
173 |
174 |
175 |

Discover an amazing lineup of events 176 |

177 | 227 |
228 | 229 | 232 |
233 | EXPLORE ALL 234 |
235 | 236 |
237 |
238 |
239 |
240 |
241 |
242 |
243 |

Umbraco

244 |
245 | Event Logo 246 |
247 |
248 | Event Logo 249 |
250 |
251 |
252 |
253 | Event Together 254 |
255 |
256 | 26th November 2021 257 |
258 |
259 |
260 |
261 |
262 | Featured Event 263 |
264 |
265 | Umbraco Together 2021 266 |
267 |
268 |
269 | The world's biggest community organised Umbraco event is returning to London for the 11th edition, and 270 | this year
we're going bigger than ever before! 271 | See more information 272 |
273 |
274 | 275 | 276 |
277 | SEE MORE 278 |
279 | 280 |
281 |
282 |
283 |
284 |
285 |
286 |
287 |

Latest news

288 |
289 |
290 | 291 | 292 |

A Day in the Life — How Lucy
lives and breathes art

293 | 294 |
295 |
296 | 297 | 298 |

A Day in the Life — How Lucy
lives and breathes art

299 | 300 |
301 |
302 | 303 | 304 |

A Day in the Life — How Lucy
lives and breathes art

305 | 306 |
307 |
308 | 309 | 310 |

A Day in the Life — How Lucy
lives and breathes art

311 | 312 |
313 |
314 |
315 |
316 |
317 |
318 |
319 | 320 |
321 |
322 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

323 |
324 |
325 | 326 | View career opportunities 327 | 328 |
329 |
330 |
331 | 332 |
333 | 334 |
335 |
336 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

337 |
338 |
339 | 340 | View career opportunities 341 | 342 |
343 |
344 |
345 | 346 |
347 | 348 |
349 |
350 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

351 |
352 |
353 | 354 | View career opportunities 355 | 356 |
357 |
358 |
359 |
360 |
361 | 410 | 411 | 412 | 413 | 414 | -------------------------------------------------------------------------------- /page2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 10 | 13 | 16 | 18 | 19 | 20 | Page 2 21 | 22 | 23 | 24 | 25 | 71 |
72 |
73 |
74 |

PageTitle H1

75 |
76 | 79 |
80 |
81 |

82 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec convallis odio massa, eget mattis nulla 83 | molestie 84 | eget. Ut vulputate congue diam, non aliquam felis sagittis a. Pellentesque porttitor neque eget risus 85 | mollis 86 | vulputate. Curabitur sodales enim sit amet sem rutrum scelerisque. Curabitur vel justo a purus euismod 87 | aliquam 88 |

89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |

Sub Heading H2

97 |
98 |
99 |
100 | Morbi sit amet tincidunt mi. Pellentesque efficitur velit non ligula blandit convallis. Donec luctus vulputate 101 | lacus. Vestibulum aliquet a libero quis blandit. Donec congue lacus in pharetra rutrum. Cras ligula ante, 102 | accumsan et tincidunt sit amet, ornare eu ligula. Ut pharetra vehicula enim nec aliquam. Morbi tincidunt 103 | libero vitae justo porttitor dapibus. Fusce varius tincidunt purus, at sollicitudin turpis tristique at. 104 | Vivamus 105 | congue 106 | ac erat sodales venenatis. Sed a ex vitae dolor porta finibus. 107 |
108 |
109 |
110 | 132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |

Sub Heading H3

140 |
141 |
142 |
143 | Integer at eros vitae nibh porta ornare sed sit amet lacus. Sed luctus dignissim lectus, nec volutpat magna 144 | consequat laoreet. Praesent vestibulum purus erat, eu placerat ligula ullamcorper nec. Nam vel sapien nisl. 145 | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent 146 | elementum 147 | ac nibh sed bibendum. Curabitur lacinia nibh in nunc convallis, at volutpat arcu varius. In non finibus 148 | dolor. 149 | Mauris ac sem et augue interdum tempor. Sed porttitor, nibh pellentesque tincidunt varius, eros eros viverra 150 | dolor, id venenatis mi nisi et lectus. Aliquam sed commodo ligula. Nulla facilisi. Curabitur eleifend leo 151 | non 152 | maximus tincidunt. Etiam at lectus leo. Aenean eleifend, lectus sed sollicitudin blandit, arcu ante 153 | vestibulum 154 | est, sit amet pulvinar nulla urna et lectus. Phasellus interdum, lacus at accumsan luctus, justo ipsum 155 | bibendum nunc, sed efficitur odio odio a justo. 156 |
157 |
158 |
159 |
160 | Sed a felis a diam sodales sollicitudin. Maecenas tempus mi at consequat tincidunt. Sed dapibus leo nec diam 161 | tincidunt fermentum. Morbi tempor nibh dui. Sed at euismod velit, ut porta nulla. Mauris at convallis erat, 162 | non convallis lacus. Aliquam molestie pulvinar mauris et vehicula. Donec a rhoncus tellus. Vivamus in 163 | fringilla elit. Quisque laoreet, dolor ac luctus tristique, mi neque molestie massa, eget tristique enim 164 | nulla 165 | quis sapien. Aliquam erat volutpat. 166 |
167 |
168 |
169 |
170 | 171 |
172 |
173 | 174 | 177 |
178 | BACK 179 |
180 | 181 |
182 |
183 |
184 |
185 |
186 |
187 |
188 |

Latest news

189 |
190 |
191 | 192 | 193 |

A Day in the Life — How Lucy
lives and breathes art

194 | 195 |
196 |
197 | 198 | 199 |

A Day in the Life — How Lucy
lives and breathes art

200 | 201 |
202 |
203 | 204 | 205 |

A Day in the Life — How Lucy
lives and breathes art

206 | 207 |
208 |
209 | 210 | 211 |

A Day in the Life — How Lucy
lives and breathes art

212 | 213 |
214 |
215 |
216 |
217 |
218 |
219 |
220 | 221 |
222 |
223 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

224 |
225 |
226 | 227 | View career opportunities 228 | 229 |
230 |
231 |
232 | 233 |
234 | 235 |
236 |
237 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

238 |
239 |
240 | 241 | View career opportunities 242 | 243 |
244 |
245 |
246 | 247 |
248 | 249 |
250 |
251 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

252 |
253 |
254 | 255 | View career opportunities 256 | 257 |
258 |
259 |
260 |
261 |
262 | 317 | 318 | 319 | 320 | 321 | -------------------------------------------------------------------------------- /page3.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 10 | 13 | 16 | 18 | 19 | 20 | Page 3 21 | 22 | 23 | 24 | 25 | 36 |
37 |
38 |
39 |
40 |
41 | 44 |
45 |
46 | Umbraco 47 |
48 |
49 | 50 |
51 |
52 |
53 |
54 | 55 |
56 |
57 | 26th November 2021 58 |
59 |
60 |
61 |
62 |
63 |
64 | The world's biggest community
organised Umbraco event is returning to London for the 11th 65 | edition, and 66 | this year we're going bigger than ever before! 67 |
68 |
69 |
70 | Live the 71 |
72 |
73 | Experience. 74 |
75 |
76 |
77 | 78 |
79 | 80 | 81 |
82 | SEE MORE 83 |
84 | 85 |
86 |
87 | 88 | 89 |
90 | SEE MORE 91 |
92 | 93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 | Take a look at some of our amazing speakersfor this years festival! 104 |
105 |
106 |
107 |
108 |
109 | 110 |
111 |
112 | Michael Aziz 113 |
114 |
115 | LIZARD 116 |
117 |
118 |
119 |
120 |
121 | Michael Aziz 122 |
123 |
124 | LIZARD 125 |
126 |
127 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Euismod massa augue at porttitor et, nunc orci 128 | netus sit. Rhoncus amet et morbi tincidunt bibendum in eu vitae phasellus. Sed viverra ultrices lobortis 129 | tempor ut auctor neque proin. 130 |
131 |
132 | 137 |
138 | 139 | 140 | 141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 | 149 |
150 |
151 | Sarah Yuanmalai 152 |
153 |
154 | GECKO 155 |
156 |
157 |
158 |
159 |
160 | Sarah Yuanmalai 161 |
162 |
163 | GECKO 164 |
165 |
166 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Euismod massa augue at porttitor et, nunc orci 167 | netus sit. Rhoncus amet et morbi tincidunt bibendum in eu vitae phasellus. Sed viverra ultrices lobortis 168 | tempor ut auctor neque proin. 169 |
170 |
171 | 176 |
177 | 178 | 179 | 180 |
181 |
182 |
183 |
184 |
185 |
186 |
187 | 188 |
189 |
190 | Michael 191 |
192 |
193 | WASP 194 |
195 |
196 |
197 |
198 |
199 | Michael 200 |
201 |
202 | WASP 203 |
204 |
205 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Euismod massa augue at porttitor et, nunc orci 206 | netus sit. Rhoncus amet et morbi tincidunt bibendum in eu vitae phasellus. Sed viverra ultrices lobortis 207 | tempor ut auctor neque proin. 208 |
209 |
210 | 215 |
216 | 217 | 218 | 219 |
220 |
221 |
222 |
223 |
224 |
225 |
226 | 227 |
228 |
229 | Michael Aziz 230 |
231 |
232 | SHARK 233 |
234 |
235 |
236 |
237 |
238 | Michael Aziz 239 |
240 |
241 | SHARK 242 |
243 |
244 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Euismod massa augue at porttitor et, nunc orci 245 | netus sit. Rhoncus amet et morbi tincidunt bibendum in eu vitae phasellus. Sed viverra ultrices lobortis 246 | tempor ut auctor neque proin. 247 |
248 |
249 | 254 |
255 | 256 | 257 | 258 |
259 |
260 |
261 |
262 |
263 |
264 |
265 | 266 |
267 |
268 | Sarah Yuanmalai 269 |
270 |
271 | BADGER 272 |
273 |
274 |
275 |
276 |
277 | Sarah Yuanmalai 278 |
279 |
280 | BADGER 281 |
282 |
283 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Euismod massa augue at porttitor et, nunc orci 284 | netus sit. Rhoncus amet et morbi tincidunt bibendum in eu vitae phasellus. Sed viverra ultrices lobortis 285 | tempor ut auctor neque proin. 286 |
287 |
288 | 293 |
294 | 295 | 296 | 297 |
298 |
299 |
300 |
301 |
302 |
303 |
304 | 305 |
306 |
307 | Sarah Yuanmalai 308 |
309 |
310 | WOLF 311 |
312 |
313 |
314 |
315 |
316 | Sarah Yuanmalai 317 |
318 |
319 | WOLF 320 |
321 |
322 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Euismod massa augue at porttitor et, nunc orci 323 | netus sit. Rhoncus amet et morbi tincidunt bibendum in eu vitae phasellus. Sed viverra ultrices lobortis 324 | tempor ut auctor neque proin. 325 |
326 |
327 | 332 |
333 | 334 | 335 | 336 |
337 |
338 |
339 |
340 |
341 |
342 |
343 | 344 |
345 |
346 |
347 |
348 |
349 |

350 | An evening programme filled
351 | with 352 |

353 |
354 |
355 | ENTERTAINMENT 356 |
357 |
358 |

359 | This is a text header that should
be followed by content 360 |

361 |
362 |
363 |
364 |

365 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sit eget cursus aenean ultrices ut semper cras leo, 366 | nascetur. Vitae eros tristique blandit auctor tincidunt odio vitae diam. At in sed phasellus tellus eget eget 367 | tincidunt enim, commodo. Quis convallis arcu vel eu dui felis fringilla massa. Pharetra posuere mollis neque, 368 | fames cras at. Ac odio leo augue lorem velit platea nullam. Morbi enim viverra faucibus mi non. Risus varius 369 | sodales in etiam ante mattis sem. Sagittis fames ullamcorper sed adipiscing habitant urna.

370 | Eget a sit eu parturient. Blandit dolor mauris neque sit praesent a nunc, eget maecenas. Gravida adipiscing 371 | vel ultricies proin sem sit sed cursus. Lectus amet blandit a arcu. Id rhoncus dictum aliquam est elementum. 372 | Libero augue in non suspendisse placerat ullamcorper. Auctor facilisis quam orci fusce. Aliquet aliquam felis, 373 | eros, 374 | arcu suspendisse maecenas dignissim. Nibh pulvinar nunc neque purus ultrices gravida leo mi. Elit leo purus 375 | enim, 376 | laoreet blandit pellentesque elementum. 377 |

378 |
379 |
380 | 381 |
382 | 383 | 384 |
385 | CALL TO ACTION 386 |
387 | 388 |
389 |
390 | 391 | 392 |
393 | CALL TO ACTION 394 |
395 | 396 |
397 |
398 |
399 |
400 |
401 |
402 |

Latest news

403 |
404 |
405 | 406 | 407 |

A Day in the Life — How Lucy
lives and breathes art

408 | 409 |
410 |
411 | 412 | 413 |

A Day in the Life — How Lucy
lives and breathes art

414 | 415 |
416 |
417 | 418 | 419 |

A Day in the Life — How Lucy
lives and breathes art

420 | 421 |
422 |
423 | 424 | 425 |

A Day in the Life — How Lucy
lives and breathes art

426 | 427 |
428 |
429 |
430 |
431 |
432 |
433 |

Our Sponsors

434 |
435 |
436 |
437 | 438 |
439 |
440 | 441 |
442 |
443 | 444 |
445 |
446 | 447 |
448 |
449 |
450 |
451 |
452 |
453 |
454 |
455 | 456 |
457 |
458 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

459 |
460 |
461 | 462 | View career opportunities 463 | 464 |
465 |
466 |
467 | 468 |
469 | 470 |
471 |
472 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

473 |
474 |
475 | 476 | View career opportunities 477 | 478 |
479 |
480 |
481 | 482 |
483 | 484 |
485 |
486 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

487 |
488 |
489 | 490 | View career opportunities 491 | 492 |
493 |
494 |
495 |
496 |
497 | 546 | 547 | 548 | 549 | 550 | -------------------------------------------------------------------------------- /page4.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 10 | 13 | 16 | 18 | 19 | 20 | Page 4 21 | 22 | 23 | 24 | 25 | 47 |
48 |
49 |
50 |
51 |

Code of Conduct

52 |
53 | 56 |
57 |
58 | 59 |
60 |
61 |
62 |
63 |
64 |
65 |
66 | All attendees, speakers, sponsors and volunteers at our conference are required to agree with the following 67 | code of conduct. Organisers will enforce this code throughout the event. We expect cooperation from all 68 | participants to help ensure a safe environment for everybody. 69 |
The Quick Version
70 | Our conference is dedicated to providing a harassment-free conference experience for everyone, regardless of 71 | gender, gender identity and expression, age, sexual orientation, disability, physical appearance, body size, 72 | race, ethnicity, religion (or lack thereof), or technology choices. We do not tolerate harassment of 73 | conference participants in any form. Sexual language and imagery is not appropriate for any conference venue, 74 | including talks, workshops, parties, Twitter and other online media. Conference participants violating these 75 | rules may be sanctioned or expelled from the conference without a refund at the discretion of the conference 76 | organisers. 77 |
The Less Quick Version
78 | Harassment includes offensive verbal comments related to gender, gender identity and expression, age, sexual 79 | orientation, disability, physical appearance, body size, race, ethnicity, religion, technology choices, sexual 80 | images in public spaces, deliberate intimidation, stalking, following, harassing photography or recording, 81 | sustained disruption of talks or other events, inappropriate physical contact, and unwelcome sexual 82 | attention.

83 | Participants asked to stop any harassing behavior are expected to comply immediately.

84 | Sponsors are also subject to the anti-harassment policy. In particular, sponsors should not use sexualised 85 | images, activities, or other material. Booth staff (including volunteers) should not use sexualised 86 | clothing/uniforms/costumes, or otherwise create a sexualised environment.

87 | If a participant engages in harassing behavior, the conference organisers may take any action they deem 88 | appropriate, including warning the offender or expulsion from the conference with no refund. 89 | If you are being harassed, notice that someone else is being harassed, or have any other concerns, please 90 | contact a member of conference staff immediately. Conference staff can be identified as they'll be wearing 91 | branded clothing and/or badges.

92 | Conference staff will be happy to help participants contact hotel/venue security or local law enforcement, 93 | provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the 94 | conference. We value your attendance.

95 | We expect participants to follow these rules at conference and workshop venues and conference-related social 96 | events. 97 |

98 | The Conference Code of Conduct 99 |
100 |
101 | 102 |
103 | 104 | 105 |
106 | BACK 107 |
108 | 109 |
110 |
111 | 112 | 113 |
114 | BACK 115 |
116 | 117 |
118 |
119 |
120 |
121 |
122 | Umbraco 123 |
124 |
125 | Together. 126 |
127 |
128 |
129 |
130 |
131 |
132 |

Latest news

133 |
134 |
135 | 136 | 137 |

A Day in the Life — How Lucy
lives and breathes art

138 | 139 |
140 |
141 | 142 | 143 |

A Day in the Life — How Lucy
lives and breathes art

144 | 145 |
146 |
147 | 148 | 149 |

A Day in the Life — How Lucy
lives and breathes art

150 | 151 |
152 |
153 | 154 | 155 |

A Day in the Life — How Lucy
lives and breathes art

156 | 157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 | 165 |
166 |
167 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

168 |
169 |
170 | 171 | View career opportunities 172 | 173 |
174 |
175 |
176 | 177 |
178 | 179 |
180 |
181 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

182 |
183 |
184 | 185 | View career opportunities 186 | 187 |
188 |
189 |
190 | 191 |
192 | 193 |
194 |
195 |

Lorem ipsum dolor sit amet
consectetur adipiscing elit

196 |
197 |
198 | 199 | View career opportunities 200 | 201 |
202 |
203 |
204 |
205 |
206 | 261 | 262 | 263 | 264 | 265 | --------------------------------------------------------------------------------