diff --git a/1.css b/1.css new file mode 100644 index 0000000..2873c4d --- /dev/null +++ b/1.css @@ -0,0 +1,214 @@ +@import url('https://fonts.googleapis.com/css2?family=MontserratMontserrat:wght@100&display=swap'); + +body{ + background: url(images/BG.png) no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; + margin: auto; + display: flex; + flex-direction: column; + } + +*{ + box-sizing: border-box; +} + +.navbar{ + display: flex; + justify-content: space-between; + flex-flow:row nowrap; + align-items: center; + flex-direction: row; + width: 100%; + margin: 0.5rem auto; + padding: 0.5rem 1rem; +} + a{ + display: inline-block; + word-break: keep-all; + text-decoration: none; + color: #fff; + font-family: "Montserrat"; + border-radius: 29px; + border: solid 1px rgb(53, 81, 93) ; + background: rgb(17, 52, 70, 53%); + text-transform: uppercase; + overflow: hidden; + font-size: 16px; + font-weight: 300; + } + +.button_icon{ + padding: 0px 8px; + text-align: center; + font-weight: 500; +} +.logos{ + align-items: center; + margin-left: 18%; +} +.Experios_logo{ + margin-right: 26px; + height: 30px; + align-items:center; +} +.VirtualEscape_logo{ + height: 34px; + margin-top: 6px; +} + +.button{ + display:inline-block; + text-align: center; + align-self: center; + margin-top: 12px; + margin-right: 18%; +} +.connection_button{ + margin-left: auto !important; + margin-right: 16px; + padding: 10px 8px; + width: 200px; + text-align: center; +} +.Logout_button{ + width: 141px; + padding: 10px 8px; + margin-bottom:0px ; + text-align: center; +} + +.boxes{ + border-radius: 10px; + border: 1px solid rgb(53, 81, 93); + margin: auto; + margin-top: 30px; + align-content: center; + display: flex; + backdrop-filter: blur(50px) brightness(50%) opacity(100%); + flex-direction: column; + margin-bottom: 40px; + padding: 20px 30px 40px; + font-size: 20px; + font-family: "Montserrat"; + color: #FFFFFF; +} + +.textbox{ + margin-bottom: 0.6rem !important; +} + +.box{ + display: flex; + margin-right: 20px; + margin-top: 12px; + width: 100%; + padding-bottom: 20px; + background-color: rgb(14, 38, 52,0.53); + border-radius: 7px; +} +.image{ + align-self: flex-start; + margin-top: 30px; +} +.bold{ + font-weight: bold; +} +.innerbox{ + display: flex; + flex-direction: row; + justify-content: flex-start; + margin-left: 20px; +} +.section{ + display: flex; + flex-direction: column; + align-items:start; + margin-top:20px ; + margin-left: 20px; + margin-right: 10px; + text-align: start; +} + +.returnbutton{ + margin-top: 50px; + align-self: center; +} +.rtbutton{ + background-image:linear-gradient(#f80705,#7b1e1d); + background-blend-mode: normal; + color: #fff; + border-radius: 29px; + width: 386px; + height: 58px; + margin:0px ; + align-self: center; + font-size: 18px; + font-weight: 500 !important; + border-style: none; + cursor: pointer; + + +} +.icon{ + margin-right:4px; +} + +@media screen and (max-width: 1500px){ + .logos{ + margin-left: 10%; + } + .button{ + margin-right: 10%; + } +} + +@media screen and (max-width: 1200px) +{ + .boxes + { + width: 95%; + } + .logos{ + margin-left: 0px; + } + .button{ + margin-right: 0px; + } +} + +@media screen and (max-width: 800px) +{ + .image { + align-self: center!important; + margin-left: 0px ; + margin-top: 20px; + } + .innerbox{ + flex-direction: column; + } +} +@media screen and (max-width: 500px) +{ + .rtbutton { + width: 260px !important; + height: 54px !important; + font-size: .85em !important; + } + .boxes{ + padding-left: 10px; + padding-right: 10px; + } +} + + +@media (min-width: 768px) +{ + .button { + display: flex!important; + flex-basis: auto; + } + +} \ No newline at end of file diff --git a/1.html b/1.html new file mode 100644 index 0000000..fff8072 --- /dev/null +++ b/1.html @@ -0,0 +1,112 @@ + + + + + + + + How to play + + +
+ +
+ + +
+ +
+ Next6 CONNECTED + NextLog out +
+ +
+ +
+ + Hi team, + + +
+ + + Thank you for helping out the Melbourne police department. + + + + With your expertise and detective skills we should be able to solve this important case. + + +
+ + We can’t afford any mistakes, so pay close attention before you get started. + + +
+
+ Overview +
+ Overview + + You’ll have 60 minutes to solve this case. If you haven’t solved it within 60 minutes it’s game over. + + + The time starts counting down as soon as anyone presses Start Investigation. + +
+ Make sure you have set up a video call in case you are not physically together. + You can use Zoom, Teams, The Pub Hub or any other tool you'd like. +
+
+
+ +
+
+ Teamwork +
+ Teamwork + + To be successful, you'll need to work closely together. + + + You can use Google or any other website to find answers and solve this case. + + + Before submitting an answer or requesting a hint, first discuss with the team. + +
+ Only 1 person in the team needs to submit an answer or request a hint. + After a few seconds everyone will see the result. +
+
+
+
+
+ Penalties + +
+ Penalties + + You can get help in case you’re stuck. + + + Simply press the Request Hint button and we’ll find a senior detective to help you out. + + + Once you've requested a hint, a counter shows you when your next hint becomes available. + +
+ Requesting a hint results in a 30 second time penalty. + Submitting an incorrect answer also results in a 30 second time penalty. +
+
+
+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/README.md b/README.md index bc9507a..f6d542d 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -# Game_Menu \ No newline at end of file +# How to play \ No newline at end of file diff --git a/images/BG.png b/images/BG.png new file mode 100644 index 0000000..268df7f Binary files /dev/null and b/images/BG.png differ diff --git a/images/Icon awesome-arrow-left.svg b/images/Icon awesome-arrow-left.svg new file mode 100644 index 0000000..913c9f4 --- /dev/null +++ b/images/Icon awesome-arrow-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/images/Image 7.svg b/images/Image 7.svg new file mode 100644 index 0000000..c2fd2e2 --- /dev/null +++ b/images/Image 7.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/images/Image 8.svg b/images/Image 8.svg new file mode 100644 index 0000000..c279766 --- /dev/null +++ b/images/Image 8.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/images/Rectangle 2.png b/images/Rectangle 2.png new file mode 100644 index 0000000..f7ba76c Binary files /dev/null and b/images/Rectangle 2.png differ diff --git a/images/clock.svg b/images/clock.svg new file mode 100644 index 0000000..f9d6f12 --- /dev/null +++ b/images/clock.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/images/logo1.svg b/images/logo1.svg new file mode 100644 index 0000000..7d34e3d --- /dev/null +++ b/images/logo1.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/images/logo2.svg b/images/logo2.svg new file mode 100644 index 0000000..aeeb455 --- /dev/null +++ b/images/logo2.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/images/mainmenu.png b/images/mainmenu.png new file mode 100644 index 0000000..3dfcbbc Binary files /dev/null and b/images/mainmenu.png differ diff --git a/images/two-men.svg b/images/two-men.svg new file mode 100644 index 0000000..63a2b2d --- /dev/null +++ b/images/two-men.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/images/x-mark.svg b/images/x-mark.svg new file mode 100644 index 0000000..9e286e2 --- /dev/null +++ b/images/x-mark.svg @@ -0,0 +1,7 @@ + + + + + + +