-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
196 lines (153 loc) · 8.02 KB
/
index.html
File metadata and controls
196 lines (153 loc) · 8.02 KB
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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/uikit.css">
<link rel="stylesheet" href="css/styles.css">
<script src="js/uikit.js"></script>
<script src="js/uikit-icons.js"></script>
<title>Nader page</title>
</head>
<body>
<!-- Navigation Bar -->
<nav class="uk-navbar-container uk-margin-small-left uk-margin-small-right uk-visible@m uk-margin-xlarge-left uk-margin-xlarge-right" uk-navbar uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
<div class="uk-navbar-left">
<a href="" class="uk-navbar-item uk-logo uk-light">//<i>Nader</i></a>
</div>
<div class="uk-navbar-right">
<ul class="uk-navbar-nav uk-light">
<li><a class="uk-button-text uk-text-capitalize" href="#about" uk-scroll>About</a></li>
<li><a class="uk-button-text uk-text-capitalize" href="#projects" uk-scroll>Projects</a></li>
<li><a class="uk-button-text uk-text-capitalize" href="mailto:" uk-scroll>Contact</a></li>
</ul>
</div>
</nav>
<!-- Navigation Bar Ends -->
<!-- Navigation Bar Mobile -->
<nav class="uk-navbar-container uk-margin-small-left uk-margin-small-right uk-hidden@m uk-margin-xlarge-left uk-margin-xlarge-right" uk-navbar uk-sticky="sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky">
<div class="uk-navbar-left">
<a href="" class="uk-navbar-item uk-logo uk-light">//<i>Nader</i></a>
</div>
<div class="uk-navbar-right">
<ul class="uk-navbar-nav uk-light">
<li><button uk-toggle="target: #offcanvas-nav" type="button" uk-navbar-toggle-icon></button></li>
</ul>
</div>
</nav>
<!-- Change This -->
<div id="offcanvas-nav" uk-offcanvas="overlay: true">
<div class="uk-offcanvas-bar uk-flex uk-flex-column">
<ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical">
<li class="uk-active"><a href="#" uk-scroll>Home</a></li>
<li class="uk-active"><a href="#about" uk-scroll>About</a></li>
<li class="uk-active"><a href="#projects" uk-scroll>Projects</a></li>
<li class="uk-active"><a href="#about:">Contact</a></li> <!--- change to ur email-->
</ul>
</div>
</div>
<!-- Navigation Bar Mobile Ends -->
<!-- Home -->
<section class="uk-margin-small-left uk-margin-small-right uk-margin-xlarge-top uk-margin-xlarge-bottom">
<h1 class="uk-margin-xlarge-left uk-light uk-text-left uk-margin-xlarge-right">I'm Nader, an indie developer specializing in <br>C# programming and Unity development.</h1>
<a href="#about" class="uk-margin-xlarge-left uk-text-capitalize uk-button uk-button-secondary" uk-scroll>About Me</a>
</section>
<!-- Home Ends -->
<br>
<hr class="uk-margin-xlarge-top uk-margin-xlarge-left uk-margin-xlarge-right">
<!-- About Me -->
<section id="about" class="uk-margin-small-left uk-margin-small-right uk-margin-xlarge-top uk-margin-xlarge-bottom">
<h3 class="uk-margin-xlarge-left uk-light">About Me</h3>
<!-- Change here to ur paragraph -->
<p style="color: rgb(179, 179, 179);" class="uk-margin-xlarge-left uk-margin-xlarge-right">I am currently a Bachelor's degree student in Software Engineering, a C# programmer and a Unity developer.
Interested in video games, game development and problem solving;
I am currently at an intermediate (more/less) level of programming and will continue to learn to gain more skills.<br>
<b style="color: rgb(207, 207, 207);">
I am familiar with (or proficient in) the following topics:<br>
Object-oriented programming concepts<br>
SOLID Principles<br>
Design patterns<br>
C# programming
Adobe illustrator
</b>
</p>
<a href="https://t.me/naderite" class="uk-margin-xlarge-left uk-light uk-button-text" uk-icon="telegram"><img width="20px" src="icons/telegram.png"></a>
<a href="https://www.linkedin.com/in/naderite" class="uk-light uk-button-text" uk-icon="linkedin"></a>
<a href="https://github.com/naderitegames" class="uk-button-text uk-light" uk-icon="github"></a>
<a href="mailto:naderitegames@gmail.com" class="uk-button-text uk-light" uk-icon="mail"></a>
<!--<a href="" class=" uk-light uk-button-text" uk-icon="linkedin"></a>-->
<!-- About Me Ends -->
</section>
<!-- Projects Section -->
<hr class="uk-margin-xlarge-left uk-margin-xlarge-right">
<section id="projects" class="uk-margin-small-left uk-margin-small-right uk-margin-xlarge-top uk-margin-xlarge-bottom">
<h3 class="uk-margin-xlarge-left uk-light">Sample Projects</h3>
<p class="uk-margin-xlarge-left">projects that i have worked at past</p>
<div class="uk-margin-xlarge-left uk-margin-xlarge-right">
<!-- Change all of this to ur projects -->
<div class="uk-margin uk-card uk-card-secondary uk-card-body ">
<h4></h4>
<p>
<div class="video-container">
<video controls autoplay loop muted playsinline>
<source src="videos/Nadere Games - Animation.mp4" type="video/mp4">
could not play!
</video>
<p class="info" ><i uk-icon="video-camera"></i> A simple short animation created with Unity - <b>Turn up the volume</b></p>
</div>
<div class="video-container">
<video controls autoplay loop muted playsinline>
<source src="videos/naderite - p1.mp4" type="video/mp4">
could not play!
</video>
<p class="info">A circular pad that destroys enemies with their own bullets.</p>
</div>
<div class="video-container">
<video controls autoplay loop muted playsinline>
<source src="videos/naderite - p2.mp4" type="video/mp4">
could not play!
</video>
<p class="info">Example of a game of solving math puzzles with numerical answers.</p>
</div>
<div class="video-container">
<video controls autoplay loop muted playsinline>
<source src="videos/naderite - p3.mp4" type="video/mp4">
could not play!
</video>
<p class="info">Control the movement of the ball to pass through the obstacles.</p>
</div>
<div class="video-container">
<video controls autoplay loop muted playsinline>
<source src="videos/naderite - p4.mp4" type="video/mp4">
could not play!
</video>
<p class="info">A game of reacting to the beats of music. </p>
</div>
<div class="video-container">
<video controls autoplay loop muted playsinline>
<source src="videos/naderite - p5.mp4" type="video/mp4">
could not play!
</video>
<p class="info">A falling blocks game that gradually becomes more varied and difficult.</p>
</div>
</p>
<a class="uk-button-text uk-text-decoration-none" href="#about">
<span uk-icon="icon: link">
</span> Contact me </a>
</div>
<!--<div class="uk-margin uk-card uk-card-secondary uk-card-body ">
<h4>Project Name</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a class="uk-button-text uk-text-decoration-none" href="">
<span uk-icon="icon: link">
</span> Website Link </a>
</div> -->
</div>
<br>
</section>
<hr class="uk-margin-xlarge-left uk-margin-xlarge-right">
</div>
<!-- Projects Section Ends -->
</body>
</html>