-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
137 lines (137 loc) · 7.04 KB
/
home.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/032ed71b0e.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="home.css">
<title>My Journey</title>
</head>
<body>
<nav>
<div class="first-navbar">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="cer.html" class="diff">Certificate</a></li>
</ul>
</div>
<div class="second-navbar">
<div class="navbar-logo">
<a href="home.html"><img src="./Images/logo.png" alt="myJourney-logo"></a>
</div>
<div class="navbar-nav">
<ul>
<li><a href="home.html" class="active">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="tickets.html">Tickets</a></li>
<li class="my-game-animate"><a href="my-game.html" class="special">My Game</a></li>
</ul>
</div>
</div>
</nav>
<main class="main">
<i class="fa fa-bars"></i>
<div class="main-text">
<h3>"Hello! Sharing world"</h3>
<h1 class="head">MY JOURNEY TO <br> GAME DEVELOPMENT <br> <span>2019</span></h1>
<p class="bordered-p">A very excited journey with a lot to learn and a lot to explore in the game industry.</p>
<p class="date">From 2019 (SEP) ~ To 2020 (Jan)</p>
</div>
</main>
<section class="journey-path">
<div class="path-grid">
<h4 class="path-heading">Ma<span>in P</span>ath</h4>
<div class="path-items">
<h5>Unity 3D</h5>
<p>A very handy and great game engine to develop games for several platforms such as Windows, Mac, IOS, Android and WebGL.</p>
<a href="#">See More <i class="fas fa-angle-right"></i></a>
</div>
<div class="path-items">
<h5>C#</h5>
<p>Learning C# programming language which is the most popular language used in Unity 3D engine.</p>
<a href="#">See More <i class="fas fa-angle-right"></i></a>
</div>
<div class="path-items">
<h5>Photoshop & illustrator</h5>
<p>Going for the very basics of these two great applications will help a lot, a little to go, a lot to build.</p>
<a href="#">See More <i class="fas fa-angle-right"></i></a>
</div>
<div class="path-items blender">
<h5>Blender 3D</h5>
<p>A free useful application to create or customize your own 3D game assets to provide your game with, it could be character or environment.</p>
<a href="#">See More <i class="fas fa-angle-right"></i></a>
</div>
<div class="path-items maths">
<h5>Maths</h5>
<p>Learning complicated mathematical tricks to apply dynamic movements and control your game assets.</p>
<a href="#">See More <i class="fas fa-angle-right"></i></a>
</div>
<h4 class="path-footer"><a href="#">EXPLORE MORE <i class="fas fa-angle-right"></i></a></h4>
</div>
</section>
<section class="inspiring-path">
<div class="inspiration-grid">
<h4 class="inspiring-heading">Inspirati<span>onal </span>Persons</h4>
<div class="inspiration-items">
<img class="absolute-img" src="./Images/absolute-img.png" alt="bg">
<img class="persons" src="./Images/Shigeru-Miyamoto.jpg" alt="Shigeru-Miyamoto-Image">
<div class="inspire">
<h4>Shigeru Miyamoto</h4>
<h6>Japanese video game designer, producer and game director at Nintendo</h6>
<hr>
<p>he serves as one of its representative directors. He is the creator of some of the most acclaimed and best-selling game franchises of all time, such as Mario and The Legend of Zelda.</p>
</div>
</div>
<div class="inspiration-items">
<img class="absolute-img" src="./Images/absolute-img.png" alt="bg">
<img class="persons" src="./Images/Will-Wright.jpg" alt="Will-Wright-Image">
<div class="inspire">
<h4>Will Wright</h4>
<h6>American video game designer and co-founder of the former game development company Maxis</h6>
<hr>
<p>The first computer game Wright designed was Raid on Bungeling Bay in 1984, but it was SimCity that brought him to prominence.</p>
</div>
</div>
<div class="inspiration-items">
<img class="absolute-img" src="./Images/absolute-img.png" alt="bg">
<img class="persons" src="./Images/Satoru-Iwata.jpg" alt="Satoru-Iwata-Image">
<div class="inspire">
<h4>Satoru Iwata</h4>
<h6>Japanese businessman, video game programmer and video game designer</h6>
<hr>
<p>he assisted in the development of the Pokémon and Super Smash Bros. series.</p>
</div>
</div>
<div class="inspiration-items">
<img class="absolute-img" src="./Images/absolute-img.png" alt="bg">
<img class="persons" src="./Images/John-Romero.jpg" alt="John-Romero-Image">
<div class="inspire">
<h4>John Romero</h4>
<h6>American director, designer, programmer, and developer</h6>
<hr>
<p>He is best known as a co-founder of id Software and designer for many of their games, including Wolfenstein 3D, Dangerous Dave, Hexen, Doom, Doom II and Quake.</p>
</div>
</div>
</div>
</section>
<div class="important">
<div class="important-items">
<h4 class="important-heading">Im<span>port</span>ant</h4>
<a href="#"><img src="./Images/unity-3d.png" alt="unity-logo"></a>
<a href="#"><img src="./Images/coursera-logo.png" alt="coursera-logo"></a>
<a href="#" class="odd-1"><img class="odd" src="./Images/Michigan-State.png" alt="michigan-state-logo"></a>
</div>
</div>
<footer>
<div class="footer-flexbox">
<a href="#"><img src="./Images/logo.png" alt="myJourney-logo"></a>
<div class="footer-details">
<p>© 2020 My Journey To Game Development. Some Rights Reserved.</p>
<p>With All Love To <a href="#">Microverse</a>.</p>
</div>
</div>
</footer>
</body>
</html>