-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (118 loc) · 6.38 KB
/
index.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
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8" />
<title>Ramiz Rahman | Frontend Developer</title>
<link rel = "stylesheet" type = "text/CSS" href = "styles.css" >
<link href='https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700,300,400italic' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<div id = "page_header">
<nav id = "home_nav">
<!--<h2>Page Navigation</h2>-->
<ul>
<li><a href = "#about">about</a></li>
<li><a href = "#portfolio">portfolio</a></li>
<li><a href = "resume.html">résumé</a></li>
<!--<li><a href = "#contact">blog</a></li>-->
<li><a href = "#contact">contact</a></li>
</ul>
</nav>
<div id = "title_box">
<h1 id = "title">Ramiz Rahman</h1>
<p class = "subtitle">Front-end web developer</p>
</div>
</div>
</header>
<section id = "about">
<article>
<h2>Hello!</h2>
<p>I’m Ramiz, a friendly young guy from Dhaka, Bangladesh who writes standards compliant HTML, CSS and JavaScript code in order to make beautiful websites that meet the W3C guidelines and brings a smile across the faces of the users. When I’m not writing code, I am usually learning new skills, absorbing the wonders of literature, dabbling with new technology, researching a new startup, kicking back to some classic rock, enjoying a movie with friends, or getting my ass kicked in FIFA (sometimes it’s the other way around ).</p>
<p>I love all things that involve technology and entrepreneurship and I believe in dreams. If you want to get to know me, check out my rather long <a href = "about.html">about me</a> page or simply <a href = "#contact">contact me</a>. I love meeting new people.</p>
<p>If you’re primarily interested in my work and skills, then check out my <a href = "resume.html">résumé</a> and <a href = "projects.html">projects.</a></p>
<p>If you need a helping hand with your website, then I’m here to help.</p>
<p><a href = "https://www.freelancer.com/u/ramiz732.html" class = "hire_me" title = "hire me on freelancer.com" target = "_blank">Hire Me</a></p>
</article>
<blockquote>
<p>“Perfection is not attainable, but if we chase perfection we can catch excellence.”</p>
<footer> - <cite>Vince Lombardi</cite></footer>
</blockquote>
</section>
<div class = "dark_grey">
<section id = "portfolio">
<h2>Portfolio</h2>
<!--<div class = "portfolio_grid bodacious">
<h2>Portfolio</h2>
</div>
<section class = "portfolio_grid grey">
<h2><a>Personal Website</a></h2>
</section>
<section class = "portfolio_grid sharkskin">
<h2><a>TV App</a></h2>
</section>
<section class = "portfolio_grid riverside">
<h2><a>Auction House</a></h2>
</section>
<section class = "portfolio_grid meadow">
<h2><a>Taraneh</a></h2>
</section>
<section class = "portfolio_grid taupe">
<h2><a>CG Market</a></h2>
</section>-->
<section>
<h3>Test Your Twitch</h3>
<div class = "project_view"><a href = "projects.html" title = "view project" target = "_blank"></a></div>
<p><a href = "projects/Test_Your_Twitch/reaction_game.html" target = "_blank"><img src = "icons/chain.png" alt = "link to project website" title = "go to project website"> Test Your Twitch</a></p>
</section>
</section>
</div>
<!--<div class = "light">
<section id = "blog">
<section class = "blog_grid double">
<h2>How I learned Ruby in a month</h2>
</section>
<div class = "blog_grid clay">
<h2>Blog</h2>
</div>
<section class = "blog_grid cedar">
<h2>Fashion tips for developers</h2>
</section>
<section class = "blog_grid red">
<h2>How I learned desgin</h2>
</section>
<section class = "blog_grid mustard">
<h2>Five shoes every man should own</h2>
</section>
</section>
</div>-->
<footer id = "page_footer">
<section id = "contact" class = "clearfix">
<div>
<p class = "hire_me_message">Need a hand with your website? I'm here to help. <a href = "https://www.freelancer.com/u/ramiz732.html" class = "hire_me" title = "hire me on freelancer.com" target = "_blank">Hire Me</a></p>
</div>
<h3>I love meeting new people</h3>
<div class = "social_connect clearfix">
<p>Connect with me</p>
<ul class = "social_icon_list">
<li><a href = "https://twitter.com/ramiz_rahman" target = "_blank"><img src = "icons/twitter.png" alt = "link to my twitter profile" title = "click to connect with me on twitter"></a></li>
<li><a href = "https://www.instagram.com/ramiz.rahman/" target = "_blank"><img src = "icons/instagram.png" alt = "link to my instagram profile" title = "click to connect with me on instagram"></a></li>
<li><a href = "https://www.facebook.com/ramiz.rahman.14" target = "_blank"><img src = "icons/facebook.png" alt = "link to my facebook profile" title = "click to connect with me on facebook"></a></li>
<li><a href = "https://github.com/ramiz-rahman" target = "_blank"><img src = "icons/linux.png" alt = "link to my github profile" title = "click to connect with me on github"></a></li>
</ul>
<address id = "phone_number">+880 167 456 5950</address>
<address id = "email_address">[email protected]</address>
</div>
<form id = "contact_form" class = "clearfix">
<p><label for = "form_name">Name
<input id = "form_name" type = "text" name = "form_name" placeholder = "your name" required></label></p>
<p><label for = "form_email">Email<input id = "form_email" type = "email" name = "form_email" placeholder = "your email" required></label>
</p>
<p><label for = "form_message">Message<textarea id = "form_message" name = "form_message" placeholder="your message" required></textarea></label></p>
<p><input id = "submit" type = "submit"></p>
</form>
</section>
<p class = "page_end"><small>©Copyright 2016, Ramiz Ihteshamur Rahman</small></p>
</footer>
</body>
</html>