PageRenderTime 167ms CodeModel.GetById 36ms RepoModel.GetById 0ms app.codeStats 0ms

/client/index.html

https://bitbucket.org/myra_guerrier/portfolio
HTML | 86 lines | 58 code | 26 blank | 2 comment | 0 complexity | 39886c85f7ae74f46d3b8994e7fc8e37 MD5 | raw file
    

  1. <!DOCTYPE HTML>
    2. 

  2. <html>
    3. 

  3. 

  4. 	<head>
    5. 

  5. 		<title>Myra Jia Guerrier's portfolio website</title>
    6. 

  6. 		<link rel="stylesheet" href="css/portfolio.css">
    7. 

  7. 		<link href='http://fonts.googleapis.com/css?family=Alef:700' rel='stylesheet' type='text/css'>
    8. 

  8. 		<script src="src/modernizr.js"></script>
    9. 

  9. 	</head>
    10. 

  10. 

  11. 	<body>
    12. 

  12. 

  13. 		<div id="backgroundCanvas">
    14. 

  14. 			<img src="img/bg.png"/>
    15. 

  15. 		</div>
    16. 

  16. 

  17. 		<div id="container">
    18. 

  18. 

  19. 			<div id="header">
    20. 

  20. 				<p>Myra Jia Guerrier's Portfolio</p>
    21. 

  21. 			</div>
    22. 

  22. 

  23. 			<div id="nav">
    24. 

  24. 				<ul id="navMenu">
    25. 

  25. 					<li><a href="index.html" class="current">Home</a></li>
    26. 

  26. 					<li><a href="showcase">Showcase</a></li>
    27. 

  27. 					<li><a href="pet-projects">Pet Projects</a></li>
    28. 

  28. 					<li><a href="contact">Contact</a></li>
    29. 

  29. 				</ul>
    30. 

  30. 			</div>
    31. 

  31. 

  32. 			<div id="content">
    33. 

  33. 				<p>I'm <b>Myra Jia Guerrier</b>, a web programmer from Seattle, WA.  Some of my projects include:</p>
    34. 

    35. 

  35. 				<div class="middle-float-wrap">
    36. 

  36. 					<div class="middle-float">
    37. 

  37. 						<div><a href="sites/FreeCell/index.html"><img src="img/tiles/freeCell.png"/></a>HTML 5 FreeCell</div>
    38. 

  38. 						<div><a href="http://kirricorp.net/"><img src="img/tiles/cf.png"/></a>kirricorp.net</div>
    39. 

  39. 						<div><a href="http://cardinal.moonshards.net/wiki/wikka.php?wakka=Cardinal"><img src="img/tiles/cardinal.png"/></a>Cardinal</div>
    40. 

  40. 						<div><a href="http://steamcommunity.com/sharedfiles/filedetails/?id=121089908"><img src="img/tiles/zomplex.png"/></a>Zomplex</div>
    41. 

  41. 					</div>
    42. 

  42. 				</div>
    43. 

  43. 

  44. 				<p style="clear:left">You can find others <a href="showcase">here</a>, and a few in-development projects <a href="pet-projects">here</a>.</p>
    45. 

  45. 

  46. 				<br/>
    47. 

  47. 

  48. 				<h3>I've worked at</h3>
    49. 

    50. 

  50. 				<div class="highlight">
    51. 

  51. 					<p><b>Kirricorp</b> as a web designer and artist</p>
    52. 

  52. 					<!--<p>(responsibilities included building a website based on the specifications of our marketing person, creating art for the web site and for our card game Chaos Fractal, and revising card template images for deployment online and in print)</p>-->
    53. 

  53. 

  54. 					<p><b>Midian LARP</b> as a transportation and construction specialist</p>
    55. 

  55. 

  56. 					<p><b>Renton School District</b> as an adminstrative assistant</p>
    57. 

  57. 				</div>
    58. 

  58. 

  59. 				<h3 style="clear:left">I attended</b></h3>
    60. 

  60. 

  61. 				<div class="highlight">
    62. 

  62. 

  63. 					<p><b>University of Washington</b> (Web and Mobile Game Development in HTML5)</p>
    64. 

  64. 					<p><b>Bard College at Simon's Rock</b></p>
    65. 

    66. 

  66. 				</div>
    67. 

  67. 

  68. 				<!--<p style="clear:left">My strongest skills are <a href="#">JavaScript</a>, <a href="#">game development</a> across a variety of mediums, and <a href="#">web design.</a></p>-->
    69. 

  69. 				<p style="clear:left">My strongest skills are web development, JavaScript, game development across a variety of mediums, and web design.</p>
    70. 

  70. 

  71. 				<p>I can be contacted at <a href="mailto:myra.jia.guerrier (@) gmail.com">myra.jia.guerrier (@) gmail.com</a></p>
    72. 

  72. 

  73. 			</div>
    74. 

  74. 

  75. 			<div id="footer">
    76. 

  76. 			(C) Myra Jia Guerrier 2013
    77. 

  77. 			</div>
    78. 

  78. 

  79. 			<div id="footer-img">&nbsp;</div>
    80. 

  80. 

  81. 		</div><!-- id="container" -->
    82. 

  82. 

  83. 		<script src="src/Loader.js"></script>
    84. 

  84. 	</body>
    85. 

  85. 

  86. </html>
    87.