diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000000..e7e9d11d4b --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,2 @@ +# Default ignored files +/workspace.xml diff --git a/.idea/Preprocessing-II.iml b/.idea/Preprocessing-II.iml new file mode 100644 index 0000000000..c956989b29 --- /dev/null +++ b/.idea/Preprocessing-II.iml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/discord.xml b/.idea/discord.xml new file mode 100644 index 0000000000..59b11d1d39 --- /dev/null +++ b/.idea/discord.xml @@ -0,0 +1,9 @@ + + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000000..28a804d893 --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000000..4e0e367375 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000000..94a25f7f4c --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/watcherTasks.xml b/.idea/watcherTasks.xml new file mode 100644 index 0000000000..2c91a1999e --- /dev/null +++ b/.idea/watcherTasks.xml @@ -0,0 +1,31 @@ + + + + + + + + \ No newline at end of file diff --git a/css/index.css b/css/index.css index e764f2b01f..56f31b95b4 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,358 @@ -/* LESS needs to be processed */ \ No newline at end of file +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +* { + box-sizing: border-box; +} +html { + font-size: 62.5%; +} +html, +body { + font-family: "Roboto", sans-serif; +} +h1, +h2, +h3, +h4, +h5 { + font-family: "Indie Flower", cursive; +} +h1 { + font-size: 4rem; +} +h2 { + font-size: 3.2rem; + padding-bottom: 10px; +} +h4 { + font-size: 2.5rem; + padding-bottom: 10px; +} +p { + line-height: 1.5; + font-size: 1.6rem; + padding-bottom: 10px; +} +img { + max-width: 100%; + height: auto; +} +.container { + max-width: 800px; + width: 100%; + margin: 0 auto; +} +header { + border-bottom: 2px dashed grey; + padding: 4%; +} +header .headerContent { + margin: auto; + max-width: 80%; + display: flex; + justify-content: space-between; + align-items: center; +} +header .headerContent nav { + width: 60%; + display: flex; + justify-content: space-between; +} +header .headerContent nav a { + color: #212529; + font-size: 1.6rem; + text-decoration: none; +} +@media (max-width: 500px) { + header .headerContent nav { + width: 100%; + } +} +@media (max-width: 500px) { + header .headerContent { + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: center; + } +} +.footer { + width: 100%; + border-top: 2px dashed silver; + background: #ffebcd; +} +.footer p { + text-align: center; + color: #212529; + font-size: 1.6rem; + padding: 20px; +} +.home .topPart { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + border-bottom: 2px dashed grey; +} +.home .topPart .top-content { + margin: 4%; +} +.home .content-section { + margin: 30px 0; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +@media (max-width: 500px) { + .home .content-section { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + } +} +.home .content-section .text-content { + width: 48%; + padding-right: 1%; +} +@media (max-width: 500px) { + .home .content-section .text-content { + width: 100%; + height: auto; + padding: 0; + text-align: center; + } +} +.home .content-section .img-content { + width: 48%; + padding-left: 1%; +} +@media (max-width: 500px) { + .home .content-section .img-content { + width: 100%; + height: auto; + padding: 0; + } +} +.home .content-section .img-content img { + border-radius: 10px; + align-self: center; +} +@media (max-width: 500px) { + .home .content-section .img-content img { + width: 100%; + height: auto; + padding: 0; + } +} +.home .inverse-content { + padding-bottom: 30px; + border-bottom: 2px dashed #c0c0c0; +} +.home .inverse-content .text-content { + padding-left: 1%; + padding-right: 0; +} +.home .inverse-content .img-content { + padding-right: 1%; + padding-left: 0; +} +@media (max-width: 500px) { + .home .inverse-content { + display: flex; + flex-direction: column-reverse; + justify-content: space-between; + align-items: center; + } +} +.home .content-destination { + width: 75%; + margin: 0 auto 30px; +} +@media (max-width: 500px) { + .home .content-destination { + width: 100%; + height: auto; + padding: 0; + text-align: center; + } +} +.home .content-destination img { + border-radius: 10px; +} +.home .content-pick { + padding-top: 30px; + border-top: 2px dashed #c0c0c0; + display: flex; + justify-content: space-between; +} +@media (max-width: 500px) { + .home .content-pick { + width: 100%; + height: auto; + padding: 0; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + } +} +.home .content-pick .destination { + width: 30%; + margin-bottom: 30px; +} +@media (max-width: 500px) { + .home .content-pick .destination { + width: 100%; + height: auto; + padding: 0; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + } +} +.home .content-pick .destination .btn { + padding: 5%; + background-color: #17a2b8; + border: none; + border-radius: 5px; + color: white; + width: 80%; + text-align: center; +} +.buttonStyle { + padding: 5%; + background-color: #17a2b8; + border: none; + border-radius: 5px; + color: white; + width: 80%; + text-align: center; +} diff --git a/index.html b/index.html index bb8663b768..917b83e0a0 100644 --- a/index.html +++ b/index.html @@ -1,74 +1,134 @@ - + - - + + - Fun Bus Travel Agency - Solution + Fun Bus Travel Agency - - + + - - + + - - - - -
- -
-
-

Let's Go!

-

Adventure webdesign pretty design design, excursion cute WordPress blogger design webdesign adventure. Pretty simple traveling fun WordPress wanderlust darn simple organized.

-

Expedition colorful design simple excursion blogger blogger design WordPress design, design organized website theme.

-
-
- Let's go on an adventure! -
-
-
-
- Lets have fun! + +
+
+

Fun Bus

+
-
-

Adventure Awaits

-

Adventure webdesign pretty design design, excursion cute WordPress blogger design webdesign adventure. Pretty simple traveling fun WordPress wanderlust darn simple organized.

-

Expedition colorful design simple excursion blogger blogger design WordPress design, design organized website theme.

-
- -
-
-

Pick Your Destination

-

Expedition excursion design darn excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.

- Second slide -
-
+ -
-

Fun In The Sun

-

Expedition excursion design excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.

-
Sign Me Up!
-
-
-

Mountain Excursion

-

Expedition excursion design excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.

-
Sign Me Up!
+
+
+ fun bus image +
+

Welcome to the Fun Bus!

+

+ Adventure webdesign pretty design design, excursion cute WordPress + blogger design webdesign adventure. Pretty simple traveling fun + WordPress wanderlust darn simple organized.Expedition excursion + design darn excursion fun, clean simple organized WordPress Travel + colorful webdesign. Traveler blogger +

+
-
-

Island Getaway

-

Expedition excursion design excursion fun, clean simple organized WordPress Travel colorful webdesign. Traveler blogger website design expedition clean excursion traveling.

-
Sign Me Up!
-
-
-
- +
+
+

Let's Go!

+

+ Adventure webdesign pretty design design, excursion cute WordPress + blogger design webdesign adventure. Pretty simple traveling fun + WordPress wanderlust darn simple organized. +

+

+ Expedition colorful design simple excursion blogger blogger design + WordPress design, design organized website theme. +

+
+
+ Let's go on an adventure! +
+
+ +
+
+ Lets have fun! +
+
+

Adventure Awaits

+

+ Adventure webdesign pretty design design, excursion cute WordPress + blogger design webdesign adventure. Pretty simple traveling fun + WordPress wanderlust darn simple organized. +

+

+ Expedition colorful design simple excursion blogger blogger design + WordPress design, design organized website theme. +

+
+
+ +
+

Pick Your Destination

+

+ Expedition excursion design darn excursion fun, clean simple organized + WordPress Travel colorful webdesign. Traveler blogger website design + expedition clean excursion traveling. +

+ Second slide +
+ +
+
+

Fun In The Sun

+

+ Expedition excursion design excursion fun, clean simple organized + WordPress Travel colorful webdesign. Traveler blogger website design + expedition clean excursion traveling. +

+ +
+
+

Mountain Excursion

+

+ Expedition excursion design excursion fun, clean simple organized + WordPress Travel colorful webdesign. Traveler blogger website design + expedition clean excursion traveling. +

+ +
+
+

Island Getaway

+

+ Expedition excursion design excursion fun, clean simple organized + WordPress Travel colorful webdesign. Traveler blogger website design + expedition clean excursion traveling. +

+ +
+
+ + - - \ No newline at end of file + + + diff --git a/less/footer.less b/less/footer.less index 71cff032e9..d3e2577e43 100644 --- a/less/footer.less +++ b/less/footer.less @@ -2,11 +2,11 @@ width: 100%; border-top: 2px dashed silver; background: @sandy-beach; - + p { text-align: center; color: @font-color; font-size: 1.6rem; padding: 20px; } -} \ No newline at end of file +} diff --git a/less/global.less b/less/global.less index abe21bf970..0456feb782 100644 --- a/less/global.less +++ b/less/global.less @@ -6,12 +6,17 @@ html { font-size: 62.5%; } -html, body { - font-family: 'Roboto', sans-serif; +html, +body { + font-family: "Roboto", sans-serif; } -h1, h2, h3, h4, h5 { - font-family: 'Indie Flower', cursive; +h1, +h2, +h3, +h4, +h5 { + font-family: "Indie Flower", cursive; } h1 { diff --git a/less/header.less b/less/header.less new file mode 100644 index 0000000000..26771d7e2d --- /dev/null +++ b/less/header.less @@ -0,0 +1,27 @@ +header { + border-bottom: 2px dashed grey; + padding: 4%; + .headerContent { + margin: auto; + max-width: 80%; + display: flex; + justify-content: space-between; + align-items: center; + nav { + width: 60%; + display: flex; + justify-content: space-between; + a { + color: @font-color; + font-size: 1.6rem; + text-decoration: none; + } + @media @mobile { + width: 100%; + } + } + @media @mobile { + .displayFlex(column,space-evenly,center); + } + } +} diff --git a/less/home-page.less b/less/home-page.less index 5528d8a7a5..ef0d223c82 100644 --- a/less/home-page.less +++ b/less/home-page.less @@ -1,4 +1,11 @@ .home { + .topPart { + .displayFlex(column,space-between,center); + border-bottom: 2px dashed grey; + .top-content { + margin: 4%; + } + } .content-section { margin: 30px 0; @@ -6,19 +13,38 @@ flex-wrap: wrap; justify-content: space-between; - - + @media @mobile { + .displayFlex(column,space-between,center); + align-items: center; + } + .text-content { width: 48%; padding-right: 1%; + @media @mobile { + width: 100%; + height: auto; + padding: 0; + text-align: center; + } } .img-content { width: 48%; padding-left: 1%; - + @media @mobile { + width: 100%; + height: auto; + padding: 0; + } img { border-radius: 10px; + align-self: center; + @media @mobile { + width: 100%; + height: auto; + padding: 0; + } } } } @@ -36,12 +62,20 @@ padding-right: 1%; padding-left: 0; } + @media @mobile { + .displayFlex(column-reverse,space-between,center); + } } .content-destination { width: 75%; margin: 0 auto 30px; - + @media @mobile { + width: 100%; + height: auto; + padding: 0; + text-align: center; + } img { border-radius: 10px; } @@ -52,10 +86,24 @@ border-top: 2px dashed @navigation-border; display: flex; justify-content: space-between; - + @media @mobile { + width: 100%; + height: auto; + padding: 0; + .displayFlex(column,space-between,center); + } .destination { + @media @mobile { + width: 100%; + height: auto; + padding: 0; + .displayFlex(column,space-between,center); + } width: 30%; margin-bottom: 30px; + .btn { + .buttonStyle(); + } } } -}// home \ No newline at end of file +} // home diff --git a/less/index.css b/less/index.css new file mode 100644 index 0000000000..467d110b54 --- /dev/null +++ b/less/index.css @@ -0,0 +1,359 @@ +.buttonStyle { + padding: 5%; + background-color: #17a2b8; + border: none; + border-radius: 5px; + color: white; + width: 80%; + text-align: center; +} +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +* { + box-sizing: border-box; +} +html { + font-size: 62.5%; +} +html, +body { + font-family: "Roboto", sans-serif; +} +h1, +h2, +h3, +h4, +h5 { + font-family: "Indie Flower", cursive; +} +h1 { + font-size: 4rem; +} +h2 { + font-size: 3.2rem; + padding-bottom: 10px; +} +h4 { + font-size: 2.5rem; + padding-bottom: 10px; +} +p { + line-height: 1.5; + font-size: 1.6rem; + padding-bottom: 10px; +} +img { + max-width: 100%; + height: auto; +} +.container { + max-width: 800px; + width: 100%; + margin: 0 auto; +} +header { + border-bottom: 2px dashed grey; + padding: 4%; +} +header .headerContent { + margin: auto; + max-width: 80%; + display: flex; + justify-content: space-between; + align-items: center; +} +header .headerContent nav { + width: 60%; + display: flex; + justify-content: space-between; +} +header .headerContent nav a { + color: #212529; + font-size: 1.6rem; + text-decoration: none; +} +@media (max-width: 500px) { + header .headerContent nav { + width: 100%; + } +} +@media (max-width: 500px) { + header .headerContent { + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items: center; + } +} +.footer { + width: 100%; + border-top: 2px dashed silver; + background: #ffebcd; +} +.footer p { + text-align: center; + color: #212529; + font-size: 1.6rem; + padding: 20px; +} +.home .topPart { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + border-bottom: 2px dashed grey; +} +.home .topPart .top-content { + margin: 4%; +} +.home .content-section { + margin: 30px 0; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +@media (max-width: 500px) { + .home .content-section { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + } +} +.home .content-section .text-content { + width: 48%; + padding-right: 1%; +} +@media (max-width: 500px) { + .home .content-section .text-content { + width: 100%; + height: auto; + padding: 0; + text-align: center; + } +} +.home .content-section .img-content { + width: 48%; + padding-left: 1%; +} +@media (max-width: 500px) { + .home .content-section .img-content { + width: 100%; + height: auto; + padding: 0; + } +} +.home .content-section .img-content img { + border-radius: 10px; + align-self: center; +} +@media (max-width: 500px) { + .home .content-section .img-content img { + width: 100%; + height: auto; + padding: 0; + } +} +.home .inverse-content { + padding-bottom: 30px; + border-bottom: 2px dashed #c0c0c0; +} +.home .inverse-content .text-content { + padding-left: 1%; + padding-right: 0; +} +.home .inverse-content .img-content { + padding-right: 1%; + padding-left: 0; +} +@media (max-width: 500px) { + .home .inverse-content { + display: flex; + flex-direction: column-reverse; + justify-content: space-between; + align-items: center; + } +} +.home .content-destination { + width: 75%; + margin: 0 auto 30px; +} +@media (max-width: 500px) { + .home .content-destination { + width: 100%; + height: auto; + padding: 0; + text-align: center; + } +} +.home .content-destination img { + border-radius: 10px; +} +.home .content-pick { + padding-top: 30px; + border-top: 2px dashed #c0c0c0; + display: flex; + justify-content: space-between; +} +@media (max-width: 500px) { + .home .content-pick { + width: 100%; + height: auto; + padding: 0; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + } +} +.home .content-pick .destination { + width: 30%; + margin-bottom: 30px; +} +@media (max-width: 500px) { + .home .content-pick .destination { + width: 100%; + height: auto; + padding: 0; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + } +} +.home .content-pick .destination .btn { + padding: 5%; + background-color: #17a2b8; + border: none; + border-radius: 5px; + color: white; + width: 80%; + text-align: center; +} +/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/less/index.css.map b/less/index.css.map new file mode 100644 index 0000000000..dc2aa2e3fb --- /dev/null +++ b/less/index.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["mixins.less","reset.less","global.less","header.less","footer.less","home-page.less"],"names":[],"mappings":"AACA;EACE,WAAA;EACA,yBAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA;;;;;;ACHF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,aAAA;EACA,wBAAA;;;AAGF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,cAAA;;AAEF;EACE,cAAA;;AAEF;AACA;EACE,gBAAA;;AAEF;AACA;EACE,YAAA;;AAEF,UAAU;AACV,UAAU;AACV,CAAC;AACD,CAAC;EACC,SAAS,EAAT;EACA,aAAA;;AAEF;EACE,yBAAA;EACA,iBAAA;;AC/HF;EACE,sBAAA;;AAGF;EACE,gBAAA;;AAGF;AACA;EACE,aAAa,oBAAb;;AAGF;AACA;AACA;AACA;AACA;EACE,aAAa,uBAAb;;AAGF;EACE,eAAA;;AAGF;EACE,iBAAA;EACA,oBAAA;;AAGF;EACE,iBAAA;EACA,oBAAA;;AAGF;EACE,gBAAA;EACA,iBAAA;EACA,oBAAA;;AAGF;EACE,eAAA;EACA,YAAA;;AAGF;EACE,gBAAA;EACA,WAAA;EACA,cAAA;;ACjDF;EACE,8BAAA;EACA,WAAA;;AAFF,MAGE;EACE,YAAA;EACA,cAAA;EACA,aAAA;EACA,8BAAA;EACA,mBAAA;;AARJ,MAGE,eAME;EACE,UAAA;EACA,aAAA;EACA,8BAAA;;AAZN,MAGE,eAME,IAIE;EACE,cAAA;EACA,iBAAA;EACA,qBAAA;;AAEF;EAAA,MAfJ,eAME;IAUI,WAAA;;;AAGJ;EAAA,MAnBF;IHQA,aAAA;IACA,sBAAA;IACA,6BAAA;IACA,mBAAA;;;AIdF;EACE,WAAA;EACA,6BAAA;EACA,mBAAA;;AAHF,OAKE;EACE,kBAAA;EACA,cAAA;EACA,iBAAA;EACA,aAAA;;ACTJ,KACE;ELUA,aAAA;EACA,sBAAA;EACA,8BAAA;EACA,mBAAA;EKXE,8BAAA;;AAHJ,KACE,SAGE;EACE,UAAA;;AALN,KASE;EACE,cAAA;EACA,aAAA;EACA,eAAA;EACA,8BAAA;;AAEA;EAAA,KANF;ILEA,aAAA;IACA,sBAAA;IACA,8BAAA;IKII,mBAAA;;;AAjBN,KASE,iBAWE;EACE,UAAA;EACA,iBAAA;;AACA;EAAA,KAdJ,iBAWE;IAII,WAAA;IACA,YAAA;IACA,UAAA;IACA,kBAAA;;;AA3BR,KASE,iBAsBE;EACE,UAAA;EACA,gBAAA;;AACA;EAAA,KAzBJ,iBAsBE;IAII,WAAA;IACA,YAAA;IACA,UAAA;;;AArCR,KASE,iBAsBE,aAQE;EACE,mBAAA;EACA,kBAAA;;AACA;EAAA,KAjCN,iBAsBE,aAQE;IAII,WAAA;IACA,YAAA;IACA,UAAA;;;AA7CV,KAmDE;EACE,oBAAA;EACA,iCAAA;;AArDJ,KAmDE,iBAIE;EACE,gBAAA;EACA,gBAAA;;AAzDN,KAmDE,iBASE;EACE,iBAAA;EACA,eAAA;;AAEF;EAAA,KAbF;ILxCA,aAAA;IACA,8BAAA;IACA,8BAAA;IACA,mBAAA;;;AKdF,KAqEE;EACE,UAAA;EACA,mBAAA;;AACA;EAAA,KAHF;IAII,WAAA;IACA,YAAA;IACA,UAAA;IACA,kBAAA;;;AA5EN,KAqEE,qBASE;EACE,mBAAA;;AA/EN,KAmFE;EACE,iBAAA;EACA,8BAAA;EACA,aAAA;EACA,8BAAA;;AACA;EAAA,KALF;IAMI,WAAA;IACA,YAAA;IACA,UAAA;ILhFJ,aAAA;IACA,sBAAA;IACA,8BAAA;IACA,mBAAA;;;AKdF,KAmFE,cAWE;EAOE,UAAA;EACA,mBAAA;;AAPA;EAAA,KAZJ,cAWE;IAEI,WAAA;IACA,YAAA;IACA,UAAA;ILvFN,aAAA;IACA,sBAAA;IACA,8BAAA;IACA,mBAAA;;;AKdF,KAmFE,cAWE,aASE;ELrGJ,WAAA;EACA,yBAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;EACA,kBAAA","file":"index.css"} \ No newline at end of file diff --git a/less/index.less b/less/index.less index c113ca2c46..ee9faea12a 100644 --- a/less/index.less +++ b/less/index.less @@ -1 +1,9 @@ // Follow the order in the readme +// Follow the order in the readme +@import "variables"; +@import "mixins"; +@import "reset"; +@import "global"; +@import "header"; +@import "footer"; +@import "home-page"; diff --git a/less/mixins.less b/less/mixins.less index 2d5c603558..056af4b40c 100644 --- a/less/mixins.less +++ b/less/mixins.less @@ -1 +1,16 @@ -// Mixins in here \ No newline at end of file +// Mixins in here +.buttonStyle{ + padding: 5%; + background-color: @button-bg; + border: none; + border-radius: 5px; + color: white; + width: 80%; + text-align: center; +} +.displayFlex(@direction,@justify,@align){ + display: flex; + flex-direction: @direction; + justify-content: @justify; + align-items: @align; +} diff --git a/less/navigation.less b/less/navigation.less deleted file mode 100644 index f89120a0f1..0000000000 --- a/less/navigation.less +++ /dev/null @@ -1 +0,0 @@ -// Navigation Styles here \ No newline at end of file diff --git a/less/reset.less b/less/reset.less index af944401f7..45a05ecf85 100644 --- a/less/reset.less +++ b/less/reset.less @@ -3,46 +3,127 @@ License: none (public domain) */ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; } body { - line-height: 1; + line-height: 1; } -ol, ul { - list-style: none; +ol, +ul { + list-style: none; } -blockquote, q { - quotes: none; +blockquote, +q { + quotes: none; } -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; } table { - border-collapse: collapse; - border-spacing: 0; -} \ No newline at end of file + border-collapse: collapse; + border-spacing: 0; +} diff --git a/less/variables.less b/less/variables.less index 916eb0b7e0..ebcf6a11bf 100644 --- a/less/variables.less +++ b/less/variables.less @@ -1,14 +1,16 @@ - -// Color assignments +// Color assignments @font-color: @shark; @button-bg: @eastern-blue; -@main-bg: @white; +@main-bg: @white; @navigation-border: @silver; @footer-bg: @sandy-beach; // Colors -@white: #FFFFFF; -@silver: #C0C0C0; +@white: #ffffff; +@silver: #c0c0c0; @shark: #212529; -@eastern-blue: #17A2B8; -@sandy-beach: #FFEBCD; \ No newline at end of file +@eastern-blue: #17a2b8; +@sandy-beach: #ffebcd; + +//escape values +@mobile: ~"(max-width: 500px)";