Skip to content

Commit 751ae05

Browse files
ic3000ic3000
committed
First commit for the final project - travel recommendation
1 parent c228aa7 commit 751ae05

File tree

5 files changed

+308
-0
lines changed

5 files changed

+308
-0
lines changed

‎travelRecommendation/index.html‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Travel Recommendation</title>
6+
<link rel="stylesheet" href="./travel_recommendation.css">
7+
</head>
8+
<body>
9+
<nav>
10+
<h1>Bloom Travel Recommendation</h1>
11+
<ul>
12+
<li><a href="./index.html" id="home">Home </a></li>
13+
<li><a href="./travel_contact.html" id="contact">Contact Us </a></li>
14+
<li><input type="text" id="conditionInput" placeholder="Enter a health condition"> </li>
15+
<li>
16+
<button id='btnSearch'>Search</button>
17+
</li>
18+
19+
</ul>
20+
</nav>
21+
<div class="container">
22+
<div class="analysisForm">
23+
<h1>Healthcare Data Analysis</h1>
24+
<div>
25+
<label for="name">Name:</label>
26+
<input type="text" id="name">
27+
</div>
28+
<div>
29+
<label>Gender:</label>
30+
<label for="male">Male</label>
31+
<input type="radio" name="gender" id="male" value="Male">
32+
<label for="female">Female</label>
33+
<input type="radio" name="gender" id="female" value="Female">
34+
</div>
35+
<div>
36+
<label for="age">Age:</label>
37+
<input type="number" id="age">
38+
</div>
39+
<div>
40+
<label for="condition">Condition:</label>
41+
<select id="condition">
42+
<option value="">Select condition</option>
43+
<option value="Diabetes">Diabetes</option>
44+
<option value="Thyroid">Thyroid</option>
45+
<option value="High Blood Pressure">High Blood Pressure</option>
46+
</select>
47+
</div>
48+
<button id="addPatient">Add Patient</button>
49+
<h2>Analysis Report</h2>
50+
<div id="report"></div>
51+
</div>
52+
<div class="searchCondition">
53+
<div id="result"></div>
54+
</div>
55+
</div>
56+
<script src="./health_analysis.js"></script>
57+
</body>
58+
</html>

‎travelRecommendation/travel_contact.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Contact Us</title>
6+
<link rel="stylesheet" href="./travel_recommendation.css">
7+
<style>
8+
body {
9+
text-align: center;
10+
}
11+
/* Some basic styling for demonstration purposes */
12+
#contactForm {
13+
max-width: 400px;
14+
margin: 0 auto;
15+
}
16+
17+
#contactForm input,
18+
#contactForm textarea {
19+
width: 100%;
20+
margin-bottom: 15px;
21+
padding: 8px;
22+
}
23+
24+
#contactForm button {
25+
padding: 10px 20px;
26+
background-color: #007bff;
27+
color: white;
28+
border: none;
29+
cursor: pointer;
30+
}
31+
32+
#contactForm button:hover {
33+
background-color: #0056b3;
34+
}
35+
</style>
36+
</head>
37+
<body>
38+
<nav>
39+
<h1>Bloom Travel Recommendation</h1>
40+
<ul>
41+
<li><a href="./index.html" id="home">Home </a></li>
42+
<li><a href="./health_contact.html" id="contact">Contact Us </a></li>
43+
</li>
44+
45+
</ul>
46+
</nav>
47+
<h1>Contact Us</h1>
48+
<p>Feel free to contact us to know more about your conditions and for treatment methods.</p>
49+
50+
<form id="contactForm">
51+
<div>
52+
<label for="name">Name</label>
53+
<input type="text" id="name" name="name" required>
54+
</div>
55+
<div>
56+
<label for="email">Email</label>
57+
<input type="email" id="email" name="email" required>
58+
</div>
59+
<div>
60+
<label for="condition">Condition</label>
61+
<input type="text" id="condition" name="condition" required>
62+
</div>
63+
<div>
64+
<label for="message">Message</label>
65+
<textarea id="message" name="message" rows="5" required></textarea>
66+
</div>
67+
<button type="submit" onclick="thankyou()">Submit</button>
68+
</form>
69+
<script>
70+
function thankyou(){
71+
alert('Thank you for contacting us!')
72+
}
73+
</script>
74+
</body>
75+
</html>

‎travelRecommendation/travel_recommendation.css‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
/* Basic CSS for the navigation bar */
2+
3+
* {
4+
margin: 0;
5+
padding: 0;
6+
box-sizing: border-box;
7+
}
8+
9+
nav {
10+
background-color: #f0f0f0;
11+
padding: 20px;
12+
display: flex;
13+
align-items: center;
14+
justify-content: space-between;
15+
}
16+
17+
nav ul {
18+
list-style-type: none;
19+
/* padding: 0; */
20+
}
21+
22+
nav ul li {
23+
display: inline;
24+
margin-right: 10px;
25+
}
26+
27+
nav a {
28+
text-decoration: none;
29+
color: #333;
30+
font-weight: bold;
31+
}
32+
33+
/* Basic CSS for the form elements */
34+
body {
35+
font-family: Arial, sans-serif;
36+
/* margin: 20px; */
37+
}
38+
39+
h1 {
40+
margin-bottom: 20px;
41+
}
42+
43+
div {
44+
margin-bottom: 10px;
45+
}
46+
47+
label {
48+
display: inline-block;
49+
width: 100px;
50+
}
51+
52+
input[type="text"],
53+
input[type="number"],
54+
select {
55+
width: 200px;
56+
padding: 5px;
57+
}
58+
59+
button {
60+
padding: 7px 15px;
61+
background-color: #4CAF50;
62+
color: white;
63+
border: none;
64+
cursor: pointer;
65+
}
66+
67+
button:hover {
68+
background-color: #45a049;
69+
}
70+
71+
/* Basic CSS for the report section */
72+
h2 {
73+
margin-top: 30px;
74+
}
75+
76+
#report, #result {
77+
padding: 10px;
78+
max-width: 400px;
79+
word-wrap: break-word;
80+
}
81+
82+
#result {
83+
height: 400px;
84+
width: 500px;
85+
display: flex;
86+
align-items: center;
87+
justify-content: space-around;
88+
flex-direction: column;
89+
}
90+
91+
#result img {
92+
width: 200px;
93+
height: 100px;
94+
}

‎travelRecommendation/travel_recommendation.js‎

Whitespace-only changes.

‎travelRecommendation/travel_recommendation_api.json‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
{
2+
"countries": [
3+
{
4+
"id": 1,
5+
"name": "Australia",
6+
"cities": [
7+
{
8+
"name": "Sydney, Australia",
9+
"imageUrl": "enter_your_image_for_sydney.jpg",
10+
"description": "A vibrant city known for its iconic landmarks like the Sydney Opera House and Sydney Harbour Bridge."
11+
},
12+
{
13+
"name": "Melbourne, Australia",
14+
"imageUrl": "enter_your_image_for_melbourne.jpg",
15+
"description": "A cultural hub famous for its art, food, and diverse neighborhoods."
16+
}
17+
]
18+
},
19+
{
20+
"id": 2,
21+
"name": "Japan",
22+
"cities": [
23+
{
24+
"name": "Tokyo, Japan",
25+
"imageUrl": "enter_your_image_for_tokyo.jpg",
26+
"description": "A bustling metropolis blending tradition and modernity, famous for its cherry blossoms and rich culture."
27+
},
28+
{
29+
"name": "Kyoto, Japan",
30+
"imageUrl": "enter_your_image_for_kyoto.jpg",
31+
"description": "Known for its historic temples, gardens, and traditional tea houses."
32+
}
33+
]
34+
},
35+
{
36+
"id": 3,
37+
"name": "Brazil",
38+
"cities": [
39+
{
40+
"name": "Rio de Janeiro, Brazil",
41+
"imageUrl": "enter_your_image_for_rio.jpg",
42+
"description": "A lively city known for its stunning beaches, vibrant carnival celebrations, and iconic landmarks."
43+
},
44+
{
45+
"name": "São Paulo, Brazil",
46+
"imageUrl": "enter_your_image_for_sao-paulo.jpg",
47+
"description": "The financial hub with diverse culture, arts, and a vibrant nightlife."
48+
}
49+
]
50+
}
51+
],
52+
"temples": [
53+
{
54+
"id": 1,
55+
"name": "Angkor Wat, Cambodia",
56+
"imageUrl": "enter_your_image_for_angkor-wat.jpg",
57+
"description": "A UNESCO World Heritage site and the largest religious monument in the world."
58+
},
59+
{
60+
"id": 2,
61+
"name": "Taj Mahal, India",
62+
"imageUrl": "enter_your_image_for_taj-mahal.jpg",
63+
"description": "An iconic symbol of love and a masterpiece of Mughal architecture."
64+
}
65+
],
66+
"beaches": [
67+
{
68+
"id": 1,
69+
"name": "Bora Bora, French Polynesia",
70+
"imageUrl": "enter_your_image_for_bora-bora.jpg",
71+
"description": "An island known for its stunning turquoise waters and luxurious overwater bungalows."
72+
},
73+
{
74+
"id": 2,
75+
"name": "Copacabana Beach, Brazil",
76+
"imageUrl": "enter_your_image_for_copacabana.jpg",
77+
"description": "A famous beach in Rio de Janeiro, Brazil, with a vibrant atmosphere and scenic views."
78+
}
79+
]
80+
}
81+

0 commit comments

Comments
 (0)