humivo

humivo · Aug 11, 2016 · 2429111 · 2429111
1 parent 17d61d6
commit 2429111
Show file tree

Hide file tree

Showing 30 changed files with 10,830 additions and 0 deletions.
diff --git a/css/bootstrap-theme.css b/css/bootstrap-theme.css
diff --git a/css/bootstrap-theme.css.map b/css/bootstrap-theme.css.map
diff --git a/css/bootstrap-theme.min.css b/css/bootstrap-theme.min.css
diff --git a/css/bootstrap.css b/css/bootstrap.css
diff --git a/css/bootstrap.css.map b/css/bootstrap.css.map
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/styles.css b/css/styles.css
@@ -0,0 +1,9 @@
+body {
+  padding-top: 60px;
+}
+@media (max-width: 979px) {
+  body {
+    padding-top: 0px;
+  }
+}
+
diff --git a/email.svg b/email.svg
diff --git a/fonts/glyphicons-halflings-regular.eot b/fonts/glyphicons-halflings-regular.eot
diff --git a/fonts/glyphicons-halflings-regular.svg b/fonts/glyphicons-halflings-regular.svg
diff --git a/fonts/glyphicons-halflings-regular.ttf b/fonts/glyphicons-halflings-regular.ttf
diff --git a/fonts/glyphicons-halflings-regular.woff b/fonts/glyphicons-halflings-regular.woff
diff --git a/fonts/glyphicons-halflings-regular.woff2 b/fonts/glyphicons-halflings-regular.woff2
diff --git a/humivoco_logo.png b/humivoco_logo.png
diff --git a/humivoco_logo2.png b/humivoco_logo2.png
diff --git a/index.html b/index.html
@@ -0,0 +1,191 @@
+ <!DOCTYPE html>
+
+<html>
+	<head>
+		<title>HumivoCo</title>
+		<meta name="viewport"  content="width=device-width, initial-scale=1.0">
+		<link href = "css/bootstrap.min.css" rel = "stylesheet">
+		<link href = "css/styles.css" rel "stylesheet">
+
+	</head>
+	<body>
+
+
+
+
+		   <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+					<span class="icon-bar"></span>
+				</button>
+
+
+	<div class="collapse navbar-collapse">
+	  	<ul class="nav navbar-nav" id="top-nav" role="tablist">
+	    	<li><a href="#home">Home</a></li>
+	    	<li><a href="#about">About</a></li>
+	    	<li><a href="#projects">Projects</a></li>
+	    	<li><a href="#contact">Contact us</a></li>
+	    	<li><a href="#media">Media</a></li>
+
+		</ul>
+	</div>
+</div>	
+
+
+
+
+
+
+
+		<div class = "container" id="home">
+			<center><img src="humivoco_logo2.png"  style="display: block;" id="logo"></center>
+		</div>
+		<div class = "container">
+
+
+				<h1 class="text-center" id="homehead">HumivoCo</h1>
+				<p class="text-center" id="text">A development company that tries to showcase new creations and projects from the one and only Huy Vo</p>
+				<center><a class ="btn btn-default" href="#about">Learn more</a></center>
+
+
+
+		</div>
+
+
+		<div class = "container" id ="about">
+				<h2 class="page-header" id="abouthead">
+					About
+				</h2>
+				<p id="textreg">HumivoCo is a small company that develops new projects such as android apps and any other creations.  The company was built by Huy Vo, a student of Cherry Hill East and a determined programmer/developer.  Currently, he specializes in the programming languages python, C, and Java.  Hopefully in the future the company may expand into something great in nature.
+				</p>
+
+				<p id="textreg">
+					More peronsonally, Huy is a vietnamese-american student that lives in Cherry Hill, NJ.  He knows how to speak vietnamese rather fluently and practices buddhism at Chua Bo De temple in Philadelphia, PA.  At the temple, he is part of the Gia dinh phat tu group, which is a youth buddhist group that helps the temple while develop useful skills.  
+				</p>
+
+						<!-- <center><img src="me.png" width="380px" height="280px" id="me"></center> -->
+
+
+
+
+
+		</div>
+		<div class = "container" id ="projects">
+			<h2 class="page-header" id="abouthead">
+					Projects
+			</h2>
+			<p id="textreg">These are the current projects that HumivoCo has worked on and produced/completed.</p>
+	<div class="container">
+		<div class="row">
+			<div class="col-sm-3 col-margin">
+				<div class="hover07 column">
+					<div>
+						<figure><a href="https://play.google.com/store/apps/details?id=com.humivo.huy.robotscout" target="_blank"><img src="unnamed.webp" /></a></figure>
+						<span>RobotScout</span>
+					</div>
+				</div>	
+			</div>
+			<div class="col-sm-3 col-sm-offset-1 col-margin">
+				<div class="hover07 column">
+					<div>
+						<figure onclick="openNav()"><img src="math.webp" /></figure>
+						<span>Math Formula</span>
+					</div>
+				</div>
+			</div>	
+			<div class="col-sm-3 col-sm-offset-1 col-margin">
+				<div class="hover07 column">
+					<div>
+						<figure><a href="https://play.google.com/store/apps/details?id=com.viet.buddhist.helper" target="_blank"><img src="viet.webp" /></a></figure>
+						<span>VB Helper</span>
+					</div>
+				</div>
+			</div>	
+		</div>
+	</div>	
+
+
+	<div id="myNav" class="overlay">
+			 <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+
+  <!-- Overlay content -->
+			  <div class="overlay-content">
+			  	<center><img src="math.webp" width="100px" height="100px"></center>
+			    <p id="math_formula_text"> Math Formula </p>
+			    <p id="math_formula_text_2">This is a program written in python that can do several common formulas in math for the user such as quadratic formula which can be a pain to do with a calculator in real life.  The program executes in command line for ease.  Download the source code below.</p>
+			    <a href="https://github.com/humivo/Math-Formula" target="_blank">Download at Github</a>
+			  </div>
+
+		</div>
+
+		</div>
+		<div class = "container" id ="contact">
+			<h2 class="page-header" id="abouthead">
+					Contact us
+			</h2>
+			<p id="textreg">If you have any questions or requests, please contact us by email or fill out the request form below.</p>
+			<div style="display:inline-block;">
+				<img src="email.svg" width="150px" height="150px">
+			</div>
+			<div id="contact_email">
+				<p>[email protected]</p>
+			</div>
+
+
+
+
+	</div>
+
+
+		<div class = "container" id ="media">
+			<h2 class="page-header" id="abouthead">
+					Media
+			</h2>
+			<center><p id="textreg">Follow me on social media for updates!</p>
+			<div style="display:inline-block;padding-top:20px;">
+				<a href="https://twitter.com/Huy_V0" target="_blank"><img src="twitter-128.png" width="125px" height="125px"></a>
+			</div>
+			<div style="display:inline-block;padding-left:50px;padding-top:20px;padding-bottom: 50px;">
+				<a href="https://www.instagram.com/huy_vo_/" target="_blank"><img src="instagram-128.png" width="125px" height="125px"></a>
+			</div>
+			</center>
+
+		</div>
+
+
+
+		<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
+		<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
+		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+		<script src="js/bootstrap.js"></script>
+		<script src="js/jquery.nav.js"></script>
+		<script type="text/javascript" src="js/form-script.js"></script>
+
+		<script>
+			$('#top-nav').onePageNav({
+				currentClass: 'active',
+				changeHash: true,
+				scrollSpeed: 750
+			});
+
+			function openNav() {
+			    document.getElementById("myNav").style.height = "100%";
+			}
+
+
+			function closeNav() {
+			    document.getElementById("myNav").style.height = "0%";
+			}
+
+
+
+
+
+
+		</script>	
+
+	</body>
+
+</html>
diff --git a/info-128.png b/info-128.png
diff --git a/instagram-128.png b/instagram-128.png