diff --git a/virtualgarden/index.html b/virtualgarden/index.html
new file mode 100644
index 0000000..a27741c
--- /dev/null
+++ b/virtualgarden/index.html
@@ -0,0 +1,71 @@
+<!doctype html>
+
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+
+  <title>Project Title</title>
+  <meta name="description" content="XPUB">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
+  <link rel="stylesheet" href="../css/pages.css">
+</head>
+
+<body>
+<div id='wrapper'></div>
+<a href='../' id='homebttn' class='ext'> << home</a>
+<header>
+<h1 id='project-title'>Project Title <a href='#hleft-text' class='show'> ⓘ</a></h1>
+<h2 id='student-name'>Sudent name</h2>
+<div id='hleft-text'>
+ <a href=# id='back'>
+ <div id='inner-hleft-text'>
+ <div id='ihtp'>
+ <object>
+ <div id='about-project'>
+ <p>Lorem ipsum dolor sit amet consectetur adipiscing elit ligula a aenean ultricies, montes venenatis sapien sodales ac dictumst enim porttitor curae porta facilisi massa, consequat sollicitudin libero bibendum in neque suscipit nulla quisque taciti. Hendrerit mauris himenaeos proin sem habitasse per ut est enim elementum eget nisl, pretium id ornare torquent lectus curae interdum conubia vivamus auctor. </p>
+</div>
+<hr align='left'>
+<div id='about-student'>
+<p>Bibendum maecenas cum faucibus per tincidunt metus ac, diam aliquam aliquet sociosqu parturient a mollis est, felis sem hendrerit rhoncus nisl urna. Ultricies ut risus class ridiculus vestibulum.</p>
+</div>
+<a id='getback' class='int'> go back </a> 
+</object>
+</div>
+</div>
+</a>
+</div>
+</header>
+<section id='main'>
+<div id="galleries">
+<div id='work'>
+<h3 class='gal-title'>Work</h3>
+<ul id='publist'>
+<li><a href='https://yourdomain.org' target="_blank" class='ext'>Project Website</a></li>
+</ul>
+<img src="img/img1.jpg" class='workimg'/>
+<img src="img/img2.jpg" class='workimg'/>
+<img src="img/img3.jpg" class='workimg'/>
+<img src="img/img4.jpg" class='workimg'/>
+</div>
+<div id='publication'>
+<h3 class='gal-title'>Publication</h3>
+<ul id='publist'>
+<li><a href='pdf/thesis.pdf' target="_blank" class='ext'>Publication PDF</a></li>
+</ul>
+<img src="img/pub1.jpg" class='workimg'/>
+<img src="img/pub2.jpg" class='workimg'/>
+<img src="img/pub3.jpg" class='workimg'/>
+<img src="img/pub4.jpg" class='workimg'/>
+</div>
+<div id='gradshow'>
+<h3 class='gal-title'>Graduation Show</h3>
+<img src="img/gradshow1.jpg" class='workimg'/>
+<img src="img/gradshow2.jpg" class='workimg'/>
+<img src="img/gradshow3.jpg" class='workimg'/>
+<img src="img/gradshow4.jpg" class='workimg'/>
+</div>
+</div>
+</section>
+</div>
+</body>
+</html>
\ No newline at end of file
