fede-Raider.github.io/index.html at master · fede-Raider/fede-Raider.github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Portfolio</title>
	<!-- css files -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.1/css/bulma.min.css">
	<link rel="stylesheet" type="text/css" href="assets/css/styles.css">

	<link rel="icon" type="image/x-icon" href="assets/img/favicon.png">
	<meta name="author" content="Hassan Ali">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
	<body>
		<!-- Navbar -->
		<nav class="nav container void-background">
			<!-- This "nav-menu" is hidden on mobile -->
			<!-- Add the modifier "is-active" to display it on mobile -->
			<div class="nav-left">
				<a href="https://github.com/fede-Raider" class="nav-item">
					<span class="icon">
						<i class="fa fa-github"></i>
					</span>
				</a>
			</div>

			<div class="nav-right nav-menu">
				<a class="nav-item" href="#about">About</a>
				<a class="nav-item" href="#projects">Projects</a>
                <!-- Navbar<a class="nav-item" href="#social">Social</a> -->
			</div>

			<!-- This "nav-toggle" hamburger menu is only visible on mobile -->
			<!-- You need JavaScript to toggle the "is-active" class on "nav-menu" -->
			<span class="nav-toggle">
				<span></span>
				<span></span>
				<span></span>
			</span>
		</nav>

		<!-- About Me -->
		<section id="about" class="section section-1">
			<div class="container has-text-centered">
				<img class="avatar" src="assets/img/profile.png">
			</div>
            </br>
			<div class="container has-text-centered">
				<p> Federico Ciardi - Game Developer</p>
			</div>
		</section>

		<!-- Projects -->
		<section  id="projects" class="section section-2">
			<div class="container">
				<div class="has-text-centered">
					<h3 class="title is-3">Projects</h3>
				</div>

				<div class="columns is-multiline is-desktop">
					<!-- Project 1 -->
					<div class="column">
						<div class="box project-text">
							<article>
								<div>
									<figure class="image project-figure">
                                        <a href="https://fede-raider.github.io/FactorySmasher/"><img src="assets/img/project-1.png" alt="Image"></a>
									</figure>
								</div>
								<div>
									<p>
                                        Development of a casual video game for smartphones using the Godot 3 engine.
									</p>
								</div>
							</article>
						</div>
					</div>
					<!-- End -->
                    <!-- Project 1 -->
                    <div class="column">
                        <div class="box project-text">
                            <article>
                                <div>
                                </div>
                                <div>
                                    <p>

                                    </p>
                                </div>
                            </article>
                        </div>
                    </div>
                    <!-- End -->
				</div>
			</div>
		</section>

		<!-- Social -->
        <!--
		<section id="social" class="section section-3">
			<div class="container">
				<div class="has-text-centered">
					<h3 class="title is-3">Let's Socialize</h3>
				</div>
				<div class="social-container columns">
					<div class="column is-6 has-text-centered">
						<a target="_blank" href="https://ca.linkedin.com/in/hassan-ali-6132468a"><img class="" src="assets/img/linkedin.png"></a>
					</div>
					<div class="column is-6 has-text-centered">
						<a target="_blank" href="https://www.facebook.com/Hassan.Helfi"><img class="" src="assets/img/facebook.png"></a>
					</div>
				</div>
			</div>
		</section>
		-->
		<!-- Scripts  -->
		<script src="controller.js"></script>
	</body>
</html>