+
+ );
+}
+export default App;
\ No newline at end of file
diff --git a/travelwebsite/react/src/App.test.js b/travelwebsite/react/src/App.test.js
new file mode 100644
index 0000000..1f03afe
--- /dev/null
+++ b/travelwebsite/react/src/App.test.js
@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+ render(
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/travelwebsite/react/src/Components/Navbar.css b/travelwebsite/react/src/Components/Navbar.css
new file mode 100644
index 0000000..beb72ed
--- /dev/null
+++ b/travelwebsite/react/src/Components/Navbar.css
@@ -0,0 +1,41 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
+*{
+ margin: 0;
+ padding: 0;
+}
+nav{
+ position: fixed;
+ width: 100%;
+}
+.flex{
+ display: flex;
+ background-color: #2e2d2d;
+}
+.menu{
+ text-decoration: none;
+ color: white;
+ margin: 2vh 2vw;
+ font-family: 'Roboto Condensed', sans-serif;
+}
+.menu1{
+ margin-top: 2vh;
+ margin-left: 40vw;
+}
+.travel{
+ text-decoration: none;
+ color: white;
+ margin: 2vh 0vw;
+ margin-left: 1vw;
+ margin-right:15vw ;
+ font-family: 'Roboto Condensed', sans-serif;
+}
+.signup{
+ text-decoration: none;
+ background-color: #2e2d2d;
+ color: white;
+ margin: 2vh 0vw;
+ border: 1px solid white;
+ margin-left: 2vw;
+ padding: 2px 10px;
+ font-family: 'Roboto Condensed', sans-serif;
+}
\ No newline at end of file
diff --git a/travelwebsite/react/src/Components/Navbar.js b/travelwebsite/react/src/Components/Navbar.js
new file mode 100644
index 0000000..616ef65
--- /dev/null
+++ b/travelwebsite/react/src/Components/Navbar.js
@@ -0,0 +1,19 @@
+import React from 'react'
+import './Navbar.css'
+export default function Navbar() {
+ return (
+ Join the Adventure newsletter to recieve our best vacation deals.
+You can unsubscribe any time.
+ +| About Us | +Contact Us | +Videos | +Social Media | +
|---|---|---|---|
| How it works | +Contact | +Submit Videos | +|
| Testimonials | +Support | +Ambassadors | +|
| Carrers | +Destinations | +Agency | +Youtube | +
| Investors | +Sponshorships | +Influencer | +
+
+
+ )
+}
diff --git a/travelwebsite/react/src/Components/Openingpage.css b/travelwebsite/react/src/Components/Openingpage.css
new file mode 100644
index 0000000..9b48b4b
--- /dev/null
+++ b/travelwebsite/react/src/Components/Openingpage.css
@@ -0,0 +1,45 @@
+@import url('https://fonts.googleapis.com/css2?family=Mukta&display=swap');
+.bg{
+ padding-top: 5vh;
+ min-height: 100vh;
+ background-image: url("../Images/Adventure.png");
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ color: rgba(255, 255, 255, 0.87);
+ font-family: 'Mukta', sans-serif;
+}
+h1{
+ font-size: 4rem;
+}
+h2{
+ font-size: 2rem;
+ margin-top: -4vh;
+}
+.get{
+ height: 7vh;
+ width:14vw;
+ margin: 0vh 1vw;
+ background: transparent;
+ color: white;
+ border: 1px solid white;
+ font-weight:700;
+ cursor:pointer;
+}
+.get:hover{
+ background-color: white;
+ color: black;
+}
+.trailer{
+ height: 7vh;
+ width:14vw;
+ margin: 0vh 1vw;
+ background-color: white;
+ border: 1px solid white;
+ font-weight:700;
+ cursor:pointer;
+}
\ No newline at end of file
diff --git a/travelwebsite/react/src/Components/Openingpage.js b/travelwebsite/react/src/Components/Openingpage.js
new file mode 100644
index 0000000..08eb1a6
--- /dev/null
+++ b/travelwebsite/react/src/Components/Openingpage.js
@@ -0,0 +1,14 @@
+import React from 'react'
+import './Openingpage.css'
+export default function Openingpage() {
+ return (
+
+
+ )
+}
\ No newline at end of file
diff --git a/travelwebsite/react/src/Components/Openingpage2.css b/travelwebsite/react/src/Components/Openingpage2.css
new file mode 100644
index 0000000..230ce29
--- /dev/null
+++ b/travelwebsite/react/src/Components/Openingpage2.css
@@ -0,0 +1,47 @@
+@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
+.Openingpage2{
+ padding-top: 2vh;
+ text-align: center;
+ padding-bottom: 5vh;
+}
+.flex1{
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+}
+.box1{
+ margin: 2vh 5vw;
+ border-radius: 10px;
+ box-shadow: 0px 0px 5px 3px gray;
+ overflow: hidden;
+}
+.box1 img{
+ height: 50vh;
+ width: 38vw;
+}
+.box1 p{
+ padding: 2vh 0vw;
+ font-family: 'Ubuntu', sans-serif;
+ font-weight: 600;
+}
+.flex2{
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+}
+.box2{
+ margin: 1vh 2.9vw;
+ border-radius: 10px;
+ box-shadow: 0px 0px 5px 3px gray;
+ overflow: hidden;
+ width: 25vw;
+}
+.box2 img{
+ height: 35vh;
+ width: 25vw;
+}
+.box2 p{
+ padding: 2vh 0vw;
+ font-family: 'Ubuntu', sans-serif;
+ font-weight: 600;
+}
\ No newline at end of file
diff --git a/travelwebsite/react/src/Components/Openingpage2.js b/travelwebsite/react/src/Components/Openingpage2.js
new file mode 100644
index 0000000..0545caa
--- /dev/null
+++ b/travelwebsite/react/src/Components/Openingpage2.js
@@ -0,0 +1,38 @@
+import React from 'react'
+import './Openingpage2.css'
+import island from '../Images/island.png'
+import waterfall from '../Images/waterfall.png'
+import sail from '../Images/sail.png'
+import football from '../Images/football.png'
+import desert from '../Images/desert.png'
+export default function Openingpage2() {
+ return (
+ ADVENTURE AWAITS
+What are you waiting for?
+
+
+
+
+
+
+ )
+}
diff --git a/travelwebsite/react/src/Images/Adventure.png b/travelwebsite/react/src/Images/Adventure.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea3357629ce5289f0f7bf0b601e7034b42c16fe6
GIT binary patch
literal 302458
zcmbrk1yEeg_UJoCheck out those EPIC destinations!
+
+
+
+ 
+
+ Explore the hidden waterfall deep inside Amazon Jungle.
+
+ 
+
+ Travel through the islands of Bali in Private Cruise.
+
+
+
+ 
+
+ Set Sail in the Antalantic Ocean visiting Unchatred Waters.
+
+ 
+
+ Experience Football on Top of the Himiliyan Mountain.
+
+ 
+
+ Ride through the Sahara Desert with guided camel tour.
+