API tools faq
paste
Advertisement
Khizarce

Untitled

Khizarce
Mar 22nd, 2018
261
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.84 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <link rel="shortcut icon" href="assets/ico/favicon.png">
  9.  
  10. <title>Resume</title>
  11.  
  12. <!-- Bootstrap core CSS -->
  13. <link href="assets/css/bootstrap.css" rel="stylesheet">
  14.  
  15. <!-- Custom styles for this template -->
  16. <link href="assets/css/main.css" rel="stylesheet">
  17.  
  18. <link rel="stylesheet" href="assets/css/font-awesome.min.css">
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
  21. <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
  22.  
  23. <script src="assets/js/jquery.min.js"></script>
  24. <script type="text/javascript" src="assets/js/smoothscroll.js"></script>
  25. <script src="assets/js/Chart.js"></script>
  26.  
  27. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  28. <!--[if lt IE 9]>
  29. <script src="assets/js/html5shiv.js"></script>
  30. <script src="assets/js/respond.min.js"></script>
  31. <![endif]-->
  32. </head>
  33.  
  34. <body data-spy="scroll" data-offset="0" data-target="#nav">
  35.  
  36. <div id="section-topbar">
  37. <div id="topbar-inner">
  38. <div class="container">
  39. <div class="row">
  40. <div class="dropdown">
  41. <ul id="nav" class="nav">
  42. <li class="menu-item"><a class="smoothScroll" href="#about" title="About"><i class="icon-user"></i></a></li>
  43. <li class="menu-item"><a class="smoothScroll" href="#resume" title="Resume"><i class="icon-file"></i></a></li>
  44. <li class="menu-item"><a class="smoothScroll" href="#work" title="Works"><i class="icon-briefcase"></i></a></li>
  45. <li class="menu-item"><a class="smoothScroll" href="#contact" title="Contact"><i class="icon-envelope"></i></a></li>
  46. </ul><!--/ uL#nav -->
  47. </div><!-- /.dropdown -->
  48.  
  49. <div class="clear"></div>
  50. </div><!--/.row -->
  51. </div><!--/.container -->
  52.  
  53. <div class="clear"></div>
  54. </div><!--/ #topbar-inner -->
  55. </div><!--/ #section-topbar -->
  56.  
  57. <div id="headerwrap">
  58. <div class="container">
  59. <div class="row centered">
  60. <div class="col-lg-12">
  61. <h1>Khizar Siddiqui</h1>
  62. <h3>Undergrad Student | siddik1@mcmaster.ca</h3>
  63. </div>
  64. <!--/.col-lg-12 -->
  65. </div><!--/.row -->
  66. </div><!--/.container -->
  67. </div><!--/.#headerwrap -->
  68.  
  69.  
  70. <section id="about" name="about"></section>
  71. <div id="intro">
  72. <div class="container">
  73. <div class="row">
  74.  
  75. <div class="col-lg-2 col-lg-offset-1">
  76. <h5>ABOUT</h5>
  77. </div>
  78. <div class="col-lg-6">
  79. <p>I'm web designer & front-end developer with 7 years of professional experience. I'm interested in all kinds of visual communication, but my major focus is on designing web, mobile & tablet interfaces. I also have skills in other fields like branding, icon design or web development.</p>
  80. </div>
  81. <div class="col-lg-3">
  82. <p><a href="#"><i class="icon-file"></i></a> <sm>DOWNLOAD PDF</sm></p>
  83. </div>
  84.  
  85. </div><!--/.row -->
  86. </div><!--/.container -->
  87. </div><!--/ #intro -->
  88.  
  89.  
  90. <section id="resume" name="resume"></section>
  91. <!--EDUCATION DESCRIPTION -->
  92. <div class="container desc">
  93. <div class="row">
  94.  
  95. <div class="col-lg-2 col-lg-offset-1">
  96. <h5>EDUCATION</h5>
  97. </div>
  98. <div class="col-lg-6">
  99. <p><t>Master of Web Design</t><br/>
  100. St. Patrick University <br/>
  101. <i>3 Years Course</i>
  102. </p>
  103. </div>
  104. <div class="col-lg-3">
  105. <p><sm>GRADUATING IN MAY 2014</sm><br/>
  106. <imp><sm>IN PROGRESS</sm></imp>
  107. </p>
  108. </div>
  109.  
  110. <div class="col-lg-6 col-lg-offset-3">
  111. <p><t>Degree of Web Developer</t><br/>
  112. Hastings University <br/>
  113. <i>2 Years Course</i>
  114. </p>
  115. </div>
  116. <div class="col-lg-3">
  117. <p><sm>JUNE 2012</sm></p>
  118. </div>
  119.  
  120. </div><!--/.row -->
  121. <br>
  122. <hr>
  123. </div><!--/.container -->
  124.  
  125.  
  126. <!--WORK DESCRIPTION -->
  127. <div class="container desc">
  128. <div class="row">
  129.  
  130. <div class="col-lg-2 col-lg-offset-1">
  131. <h5>WORK</h5>
  132. </div>
  133. <div class="col-lg-6">
  134. <p><t>Front-end Developer</t><br/>
  135. Black Tie Corp. <br/>
  136. </p>
  137. <p><more>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</more></p>
  138. </div>
  139. <div class="col-lg-3">
  140. <p><sm>AUGUST 2012 - CURRENT</sm></p>
  141. </div>
  142.  
  143. <div class="col-lg-6 col-lg-offset-3">
  144. <p><t>Web Designer - Intern</t><br/>
  145. Onassis Ltd. <br/>
  146. </p>
  147. <p><more>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</more></p>
  148. </div>
  149. <div class="col-lg-3">
  150. <p><sm>JUNE 2010 - JULY 2012</sm></p>
  151. </div>
  152. </div><!--/.row -->
  153. <br>
  154. <hr>
  155. </div><!--/.container -->
  156.  
  157.  
  158. <!--AWARDS DESCRIPTION -->
  159. <div class="container desc">
  160. <div class="row">
  161. <div class="col-lg-2 col-lg-offset-1">
  162. <h5>AWARDS</h5>
  163. </div>
  164. <div class="col-lg-6">
  165. <p><t>Best Web Design</t><br/>
  166. Black Tie Site <br/>
  167. </p>
  168. </div>
  169. <div class="col-lg-3">
  170. <p><sm>NOVEMBER 2013</sm></p>
  171. </div>
  172.  
  173. <div class="col-lg-6 col-lg-offset-3">
  174. <p><t>Designer of the Year</t><br/>
  175. Awwwards Site
  176. </p>
  177. <p><more>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</more></p>
  178. </div>
  179. <div class="col-lg-3">
  180. <p><sm>2013</sm></p>
  181. </div>
  182.  
  183. </div><!--/.row -->
  184. <br>
  185. </div><!--/.container -->
  186.  
  187.  
  188. <!--SKILLS DESCRIPTION -->
  189. <div id="skillswrap">
  190. <div class="container">
  191. <div class="row">
  192. <div class="col-lg-2 col-lg-offset-1">
  193. <h5>SKILLS</h5>
  194. </div>
  195. <div class="col-lg-3 centered">
  196. <canvas id="Java" height="130" width="130"></canvas>
  197. <p>Java</p>
  198. <br>
  199. <script>
  200. var doughnutData = [
  201. {
  202. value: 60,
  203. color:"#1abc9c"
  204. },
  205. {
  206. value : 40,
  207. color : "#ecf0f1"
  208. }
  209. ];
  210. var myDoughnut = new Chart(document.getElementById("Java").getContext("2d")).Doughnut(doughnutData);
  211. </script>
  212. </div>
  213. <div class="col-lg-3 centered">
  214. <canvas id="Haskell" height="130" width="130"></canvas>
  215. <p>Haskell</p>
  216. <br>
  217. <script>
  218. var doughnutData = [
  219. {
  220. value: 75,
  221. color:"#1abc9c"
  222. },
  223. {
  224. value : 25,
  225. color : "#ecf0f1"
  226. }
  227. ];
  228. var myDoughnut = new Chart(document.getElementById("Haskell").getContext("2d")).Doughnut(doughnutData);
  229. </script>
  230. </div>
  231. <div class="col-lg-3 centered">
  232. <canvas id="Python" height="130" width="130"></canvas>
  233. <p>Python</p>
  234. <br>
  235. <script>
  236. var doughnutData = [
  237. {
  238. value: 85,
  239. color:"#1abc9c"
  240. },
  241. {
  242. value : 15,
  243. color : "#ecf0f1"
  244. }
  245. ];
  246. var myDoughnut = new Chart(document.getElementById("Python").getContext("2d")).Doughnut(doughnutData);
  247. </script>
  248. </div>
  249.  
  250. <div class="col-lg-3 col-lg-offset-3 centered">
  251. <canvas id="html" height="130" width="130"></canvas>
  252. <p>HTML</p>
  253. <br>
  254. <script>
  255. var doughnutData = [
  256. {
  257. value: 80,
  258. color:"#1abc9c"
  259. },
  260. {
  261. value : 20,
  262. color : "#ecf0f1"
  263. }
  264. ];
  265. var myDoughnut = new Chart(document.getElementById("html").getContext("2d")).Doughnut(doughnutData);
  266. </script>
  267. </div>
  268. <div class="col-lg-3 centered">
  269. <canvas id="Bash" height="130" width="130"></canvas>
  270. <p>Bash</p>
  271. <br>
  272. <script>
  273. var doughnutData = [
  274. {
  275. value: 70,
  276. color:"#1abc9c"
  277. },
  278. {
  279. value : 30,
  280. color : "#ecf0f1"
  281. }
  282. ];
  283. var myDoughnut = new Chart(document.getElementById("Bash").getContext("2d")).Doughnut(doughnutData);
  284. </script>
  285. </div>
  286. </div><!--/.row -->
  287. <br>
  288. </div><!--/.container -->
  289. </div><!--/ #skillswrap -->
  290.  
  291.  
  292.  
  293. <section id="work" name="work"></section>
  294. <!--PORTFOLIO DESCRIPTION -->
  295. <div class="container desc">
  296. <div class="row">
  297. <div class="col-lg-2 col-lg-offset-1">
  298. <h5>PORTFOLIO</h5>
  299. </div>
  300. <div class="col-lg-6">
  301. <p><img class="img-responsive" src="assets/img/port01.jpg" alt=""></p>
  302. </div>
  303. <div class="col-lg-3">
  304. <p>CANALS OF ENGLAND</p>
  305. <p><more>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br/><br/>
  306. <sm><i class="icon-tag"></i> design</sm></more>
  307. </p>
  308. </div>
  309.  
  310. <div class="col-lg-6 col-lg-offset-3">
  311. <p><img class="img-responsive" src="assets/img/port02.jpg" alt=""></p>
  312. </div>
  313. <div class="col-lg-3">
  314. <p>SANKEY</p>
  315. <p><more>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br/><br/>
  316. <sm><i class="icon-tag"></i> front-end</sm></more>
  317. </p>
  318. </div>
  319.  
  320. <div class="col-lg-6 col-lg-offset-3">
  321. <p><img class="img-responsive" src="assets/img/port03.jpg" alt=""></p>
  322. </div>
  323. <div class="col-lg-3">
  324. <p>WE GROW</p>
  325. <p><more>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br/><br/>
  326. <sm><i class="icon-tag"></i> web design</sm></more>
  327. </p>
  328. </div>
  329.  
  330. </div><!--/.row -->
  331. <br>
  332. <br>
  333. </div><!--/.container -->
  334.  
  335.  
  336.  
  337. <section id="contact" name="contact"></section>
  338. <!--FOOTER DESCRIPTION -->
  339. <div id="footwrap">
  340. <div class="container">
  341. <div class="row">
  342.  
  343. <div class="col-lg-2 col-lg-offset-1">
  344. <h5>CONTACT</h5>
  345. </div>
  346. <div class="col-lg-6">
  347. <p><t>Email</t><br/>
  348. william@blacktie.co <br/>
  349. </p>
  350. <p><t>Adress</t><br/>
  351. Some Ave. 987 <br/>
  352. Postal 23892 <br/>
  353. London, England. <br/>
  354. </p>
  355. <p><t>Phone</t><br/>
  356. +55 8933-2383 <br/>
  357. </p>
  358. </div>
  359. <div class="col-lg-3">
  360. <p><sm>SOCIAL LINKS</sm></p>
  361. <p>
  362. <a href="#"><i class="icon-dribbble"></i></a>
  363. <a href="#"><i class="icon-twitter"></i></a>
  364. <a href="#"><i class="icon-facebook"></i></a>
  365. <a href="#"><i class="icon-linkedin"></i></a>
  366. <a href="#"><i class="icon-apple"></i></a>
  367.  
  368. </p>
  369. </div>
  370. </div><!--/.row -->
  371. </div><!--/.container -->
  372. </div><!--/ #footer -->
  373.  
  374. <div id="c">
  375. <div class="container">
  376. <p>Created by <a href="http://www.blacktie.co">BLACKTIE.CO</a></p>
  377.  
  378. </div>
  379. </div>
  380.  
  381.  
  382. <!-- Bootstrap core JavaScript
  383. ================================================== -->
  384. <!-- Placed at the end of the document so the pages load faster -->
  385. <script src="assets/js/bootstrap.js"></script>
  386. </body>
  387. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!