gonfreecs.github.io/dev.html at master · gonfreecs/gonfreecs.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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html>
	<head>
		<script src="jquery.js" style="color: rgb(0, 0, 0);"></script>
		<script src="jquery.animate-colors-min.js"></script>
		<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="style2.css">
		<meta charset="UTF-8">
	</head>
	<body>
		<div class="outer" style="height: 10%; top: 0px; position: fixed; background-color: rgb(47, 47, 47);">
			<div class="middle">
				<div class="inner"><div id="navbar" class="navbar" style="display: block;">
			<div class="navbar-name" style="opacity: 1;">
				<img src="me.jpg" alt="Mohammed-El-Ansary"/>
				<a href="#">Ansary</a>
			</div>
			<div class="navbar-list">
				<ul>
					<li>
						<a class="me" href="#" style="opacity: 1;">me</a>
					</li>
					<li>
						<a class="github" href="#" style="opacity: 1;"><span class="fa fa-github"></span></a>
					</li>
					<li>
						<a class="linkedin" href="#" style="opacity: 1;"><span class="fa fa-linkedin"></span></a>
					</li>
					<li>
						<a class="facebook" href="#" style="opacity: 1;"><span class="fa fa-facebook"></span></a>
					</li>
					<li>
						<a class="twitter" href="#" style="opacity: 1;"><span class="fa fa-twitter"></span></a>
					</li>
				</ul>
			</div>
		</div></div>
			</div>
		</div>
		<div class="right" style="height: 90%; bottom: 0px;">
			<div id ="projects">
				<div class="section-header">
					&lsaquo;projects/&rsaquo;</span>
				</div>
				<div class="right-scroller">
					<div>
						<div class="project">
							<h1>Placebook</h1>
							<div class="content-wrapper clearfix">
								<div class="lef">
									<div>
										Placebook is a tiny tourism based social network created with 3 team-mates for Databases I course, where people can like places, rate
										places they have visited, view recommended places, view similar users, search for people or places and send
										messages to their friends.
										<br>
										<span class="hmini">Backend: </span>PHP/MySQL (no framework)
										<br>
										<span class="hmini">Frontend: </span>Bootstrap
									</div>
								</div>
								<div class="ri">
									<img src="placebook.PNG"/>
								</div>
							</div>
						</div>
						<div class="project down">
							<h1>Wordspace</h1>
							<div class="content-wrapper clearfix">
								<div class="lef">
									<div>
										A blogging platform intended for writers and independent journalists. The main purpose of Wordspace is to help
										these writers make profit using sponsored advertisements. Other features like creating magazines(group of collaborators)
										and subscribing to users/magazines are included. Developed during the Software Engineering course.
										<br>
										<span class="hmini">Framework: </span>Ruby on Rails
										<br>
										<span class="hmini">Frontend: </span>Bootstrap and a number of open source projects
										<br>
										<a href="https://github.com/MohammedAnsary/Wordspace">Github repo</a>
									</div>
								</div>
								<div class="ri">
									<img src="ws.PNG"/>
								</div>
							</div>
						</div>
						<div class="project down">
							<h1>IEEE GUC</h1>
							<div class="content-wrapper clearfix">
								<div class="lef">
									<div>
										Developed alongside <a href="https://www.facebook.com/profile.php?id=705841975&fref=ts">Mohamed Ashraf</a> for
										IEEE GUC students branch. It is still under construction.
										<br>
										<span class="hmini">Framework: </span>Ruby on Rails
										<br>
										<span class="hmini">Frontend: </span>Adapted from a bootstrap based template
										<br>
										<a href="http://ieeeguc.org">Go to ieeeguc.org</a>
									</div>
								</div>
								<div class="ri">
									<img src="ieee.PNG"/>
								</div>
							</div>
						</div>
					</div>
					<div class="project down">
						<h1>Small Scale Academic Projects</h1>
						<div class="content-wrapper clearfix">
							<div class="lef">
								<div>
									<span class="hmini">Networks: </span>A peer-to-peer chat application(Java socket programming)
									<br>
									<span class="hmini">Digital System Design: </span>A smart-home system which counts the number of
									people inside the room and turns the light off as the last person leaves(VerilogHDL/Altera board)
									<br>
									<span class="hmini">Concepts of programming languages: </span>A tournament scheduling system(Prolog)
									and a mini Prolog simulator(Haskell)
									<br>
									<span class="hmini">Databases II: </span> A database management system(Java)
									<br>
									<span class="hmini">Operating Systems: </span> A basic OS with basic features like reading files, writing files
									executing programs and a shell prompt(Developed using C and provided assembly files)
									<br>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="section-footer">
					<p>© Mohammed-El-Ansary 2015</p>
				</div>
			</div>
		</div>
	</body>
</html>