Skip to content

Commit 05ec71b

Browse files
committed
Fixed Bug
1 parent 3ed03d1 commit 05ec71b

10 files changed

Lines changed: 111 additions & 116 deletions

File tree

spacetourismwebsite/starter-code/assets/css/crew.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ body {
2929
.left_content {
3030
margin-bottom: 50px;
3131
height: 70vh;
32+
position: relative;
3233
}
3334
.left_content .crew_content {
3435
margin-top: 50px;
@@ -57,6 +58,9 @@ body {
5758
letter-spacing: 1px;
5859
}
5960
.left_content .crewTabBtn {
61+
position: fixed;
62+
top: 80%;
63+
left: 9.5%;
6064
width: 110px;
6165
display: flex;
6266
justify-content: space-between;

spacetourismwebsite/starter-code/assets/css/crew.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

spacetourismwebsite/starter-code/assets/css/crew.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@ body {
3333
.left_content {
3434
margin-bottom: 50px;
3535
height: 70vh;
36+
position: relative;
3637

3738
.crew_content {
3839
margin-top: 50px;
@@ -64,6 +65,9 @@ body {
6465
}
6566

6667
.crewTabBtn {
68+
position: fixed;
69+
top: 80%;
70+
left: 9.5%;
6771
width: 110px;
6872
display: flex;
6973
justify-content: space-between;

spacetourismwebsite/starter-code/crew.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,10 @@
2323
<div class="col-md-7 px-0">
2424
<nav class="menu_container">
2525
<ul class="main_menu">
26-
<li><a href="/starter-code/index.html"><span>00</span> Home</a></li>
27-
<li><a href="/starter-code/destination.html"><span>01</span> destination</a></li>
28-
<li><a href="#"><span>02</span> crew</a></li>
29-
<li><a href="#"><span>03</span> Technology</a></li>
26+
<li><a href="./"><span>00</span> Home</a></li>
27+
<li><a href="./destination.html"><span>01</span> destination</a></li>
28+
<li><a href="./crew.html"><span>02</span> crew</a></li>
29+
<li><a href="./technology.html"><span>03</span> Technology</a></li>
3030
</ul>
3131
</nav>
3232
</div>

spacetourismwebsite/starter-code/destination.html

Lines changed: 15 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<html lang="en">
2+
23
<head>
34
<meta charset="UTF-8">
45
<meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -22,10 +23,10 @@
2223
<div class="col-md-7 px-0">
2324
<nav class="menu_container">
2425
<ul class="main_menu">
25-
<li><a href="/starter-code/index.html"><span>00</span> Home</a></li>
26-
<li><a href="/starter-code/destination.html"><span>01</span> destination</a></li>
27-
<li><a href="#"><span>02</span> crew</a></li>
28-
<li><a href="#"><span>03</span> Technology</a></li>
26+
<li><a href="./"><span>00</span> Home</a></li>
27+
<li><a href="./destination.html"><span>01</span> destination</a></li>
28+
<li><a href="./crew.html"><span>02</span> crew</a></li>
29+
<li><a href="./technology.html"><span>03</span> Technology</a></li>
2930
</ul>
3031
</nav>
3132
</div>
@@ -48,20 +49,22 @@ <h5><span>01</span> pick your destination</h5>
4849
<li class="tab" value="3"><a href="#"><span></span> titan</a></li>
4950
</div>
5051
<div class="tab-header">
51-
<span class="des-head">Moon</span>
52+
<span class="des-head">Moon</span>
5253
</div>
5354
<div class="tab-description">
54-
<p class="des-para">See our planet as you’ve never seen it before. A perfect relaxing trip away to help regain perspective and come back refreshed. While you’re there, take in some history by visiting the Luna 2 and Apollo 11 landing sites.</p>
55+
<p class="des-para">See our planet as you’ve never seen it before. A perfect relaxing trip away
56+
to help regain perspective and come back refreshed. While you’re there, take in some history
57+
by visiting the Luna 2 and Apollo 11 landing sites.</p>
5558
</div>
5659
<hr>
5760
<div class="tab-details">
5861
<div>
59-
<p>AVG. distance</p>
60-
<h5 class="des-dis">384,400 KM</h5>
62+
<p>AVG. distance</p>
63+
<h5 class="des-dis">384,400 KM</h5>
6164
</div>
6265
<div>
63-
<p>EST. travel</p>
64-
<h5 class="des-time">3 days</h5>
66+
<p>EST. travel</p>
67+
<h5 class="des-time">3 days</h5>
6568
</div>
6669
</div>
6770
</div>
@@ -70,6 +73,7 @@ <h5 class="des-time">3 days</h5>
7073
</section>
7174

7275

73-
<script src="./assets/js/destination.js"></script>
76+
<script src="./assets/js/destination.js"></script>
7477
</body>
78+
7579
</html>

spacetourismwebsite/starter-code/index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,10 +29,10 @@
2929
<div class="col-md-7 px-0">
3030
<nav class="menu_container">
3131
<ul class="main_menu">
32-
<li><a href="/starter-code/index.html"><span>00</span> Home</a></li>
33-
<li><a href="/starter-code/destination.html"><span>01</span> destination</a></li>
34-
<li><a href="#"><span>02</span> crew</a></li>
35-
<li><a href="#"><span>03</span> Technology</a></li>
32+
<li><a href="./"><span>00</span> Home</a></li>
33+
<li><a href="./destination.html"><span>01</span> destination</a></li>
34+
<li><a href="./crew.html"><span>02</span> crew</a></li>
35+
<li><a href="./technology.html"><span>03</span> Technology</a></li>
3636
</ul>
3737
</nav>
3838
</div>

spacetourismwebsite/starter-code/technology-capsule.html

Lines changed: 0 additions & 32 deletions
This file was deleted.

spacetourismwebsite/starter-code/technology-spaceport.html

Lines changed: 0 additions & 32 deletions
This file was deleted.

spacetourismwebsite/starter-code/technology-vehicle.html

Lines changed: 0 additions & 32 deletions
This file was deleted.
Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
<html lang="en">
2+
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
7+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
8+
integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
9+
<title>Frontend Mentor | Space tourism website</title>
10+
<link rel="stylesheet" href="assets/css/style.css">
11+
<link rel="stylesheet" href="assets/css/destination.css">
12+
</head>
13+
14+
<body>
15+
<section class="container-fluid px-0">
16+
<div class="row px-0 mt-4 aCenter">
17+
<div class="col-md-5 pl-5">
18+
<div class="logo pl-4">
19+
<img src="assets/shared/logo.svg" alt="logo" srcset="">
20+
<span id="nav_line"></span>
21+
</div>
22+
</div>
23+
<div class="col-md-7 px-0">
24+
<nav class="menu_container">
25+
<ul class="main_menu">
26+
<li><a href="./"><span>00</span> Home</a></li>
27+
<li><a href="./destination.html"><span>01</span> destination</a></li>
28+
<li><a href="./crew.html"><span>02</span> crew</a></li>
29+
<li><a href="./technology.html"><span>03</span> Technology</a></li>
30+
</ul>
31+
</nav>
32+
</div>
33+
</div>
34+
</section>
35+
<section class="container feature-section">
36+
<div class="row">
37+
<h5><span>01</span> pick your destination</h5>
38+
<div class="col-md-6 col-sm-6">
39+
<div class="left_content">
40+
<img id="tabImg" src="./assets/destination/image-moon.webp" alt="">
41+
</div>
42+
</div>
43+
<div class="col-md-6 col-sm-6">
44+
<div class="right_content">
45+
<div class="tab-nav">
46+
<li class="tab" value="0"><a href="#"><span></span> moon</a></li>
47+
<li class="tab" value="1"><a href="#"><span></span> mars</a></li>
48+
<li class="tab" value="2"><a href="#"><span></span> europa</a></li>
49+
<li class="tab" value="3"><a href="#"><span></span> titan</a></li>
50+
</div>
51+
<div class="tab-header">
52+
<span class="des-head">Moon</span>
53+
</div>
54+
<div class="tab-description">
55+
<p class="des-para">See our planet as you’ve never seen it before. A perfect relaxing trip away
56+
to help regain perspective and come back refreshed. While you’re there, take in some history
57+
by visiting the Luna 2 and Apollo 11 landing sites.</p>
58+
</div>
59+
<hr>
60+
<div class="tab-details">
61+
<div>
62+
<p>AVG. distance</p>
63+
<h5 class="des-dis">384,400 KM</h5>
64+
</div>
65+
<div>
66+
<p>EST. travel</p>
67+
<h5 class="des-time">3 days</h5>
68+
</div>
69+
</div>
70+
</div>
71+
</div>
72+
</div>
73+
</section>
74+
75+
76+
<script src="./assets/js/destination.js"></script>
77+
</body>
78+
79+
</html>

0 commit comments

Comments
 (0)