Add files via upload

zauxt · Nov 5, 2024 · f7767c3 · f7767c3
1 parent 12f91b3
commit f7767c3
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 39 deletions.
diff --git a/images/profile_image.PNG b/images/profile_image.PNG
diff --git a/index.html b/index.html
@@ -1,29 +1,50 @@
 <!DOCTYPE html>
 <html>
-<head>
-    <title>CSCE 190: Ben Bush</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-    <h1><strong>Ben Bush</strong></h1>
+   <head>
+      <title>CSCE 190: Ben Bush</title>
+      <link rel="stylesheet" href="styles.css">
+   </head>
+   <body>
+      <h1><strong>Ben Bush</strong></h1>
 
-    <h2>About Me:</h2>
-    <div class="about"></div>
-
-    <h2>Skills:</h2>
-    <div class="skills"></div>
-
-    <h2>Highlighted Projects:</h2>
-    <div class="projects"></div>
-
-    <h2>Contact Me:</h2>
-    <div class="contact"></div>
+      <hr style="border: none; border-top: 10px solid black; margin: 10px 0;">
 
-    <!--Paper Prototype Assignment-->
-    <section class="project">
-    <a href="https://drive.google.com/file/d/1Bq7sNzXBJEqx6lT2nYawtUyjAcBQho9x/view?usp=sharing"><h3>Prototype</h3></a>
-    <a href="https://drive.google.com/file/d/1Bq7sNzXBJEqx6lT2nYawtUyjAcBQho9x/view?usp=sharing"><img src="images/Photo.png"></a>
-    <p>This paper prototype video is supposed to be like a "USC Community" app. This allows students to view all events in one space, meet new people, and create new experiences. Although tons of information is available through platforms such as GarnetGate and HandShake, this can serve as a medium that includes all types of events (especially informal ones) and a plethora of other things too. Students and faculty can connect in a way that they never quite could before, with chatrooms, events ranging from volunteering to just hanging out, and so much more to dive into with the app.</p>
-    </section>
-</body>
-</html>
+      <h2> About Me </h2>
+      <div class="about">
+         <img src="images/profile_image.png">
+         <p>
+            Hey! My name is Ben Bush and I'm a student at USC studying Computer Science. I'm passionate about learning about anything and everything that has ever and will ever exist and doing the things that make me feel fulfilled along the way. One of my goals is to utilize my skillset in such a way that it positively changes the world around me.
+         </p>
+      </div>
+
+      <hr style="border: none; border-top: 10px solid black; margin: 10px 0;">
+      <h2>Skills:</h2>
+      <div class="skills">
+      </div>
+      <p>Java, Python, C++, MongoDB, SQLite, HTML, CSS</p>
+
+      <hr style="border: none; border-top: 10px solid black; margin: 10px 0;">
+
+      <h2>Highlighted Projects:</h2>
+      <div class="projects">
+      </div>
+
+      <section class="project">
+         <a href="https://drive.google.com/file/d/1Bq7sNzXBJEqx6lT2nYawtUyjAcBQho9x/view?usp=sharing">
+            <h3>Prototype</h3>
+         </a>
+         <a href="https://drive.google.com/file/d/1Bq7sNzXBJEqx6lT2nYawtUyjAcBQho9x/view?usp=sharing"><img src="images/Photo.png"></a>
+         <p>This paper prototype video is supposed to be like a "USC Community" app. This allows students to view all events in one space, meet new people, and create new experiences. Although tons of information is available through platforms such as GarnetGate and HandShake, this can serve as a medium that includes all types of events (especially informal ones) and a plethora of other things too. Students and faculty can connect in a way that they never quite could before, with chatrooms, events ranging from volunteering to just hanging out, and so much more to dive into with the app.</p>
+      </section>
+
+      <hr style="border: none; border-top: 10px solid black; margin: 10px 0;">
+
+      <h2>Contact Me:</h2>
+      <p>
+         - Email: [email protected] <br>
+         - <a href="https://www.linkedin.com/in/ben-bush-228151336/">Click Here For LinkedIn</a> <br>
+         - <a href="https://github.com/zauxt/">Click Here For GitHub</a>
+      </p>
+      <div class="contact"></div>
+   </body>
+</html>
diff --git a/styles.css b/styles.css
@@ -1,40 +1,51 @@
 body {
     background: salmon;
-    font-family: Lucida Handwriting, Helvetica, sans-serif;
+    font-family: Lucida Handwriting, Helvetica, Times, sans-serif;
     text-align: center;
 }
 
 h2 {
     color: black;
 }
 
-h2 {
-    color: black;
+strong {
+    display: inline-block;
+    width: 250px;
+    border: 5px solid #000;
+    text-align: center;
 }
 
 .about {
-    background-color: black;
+    display:flex;
+    flex-wrap:wrap;
+    margin-right: 350px;
+    margin-left: 350px;
+    justify-content: center;
+    background-color: white;
     padding: 5px
 }
 
+.about p {
+    width:50%;
+    text-align: center;
+    margin: auto;
+    line-height: 125%;
+}
+
+.about img {
+    width: 150px;
+    height: 200px;
+    border: 5px solid blue;
+}
+
 .skills {
     background-color: black;
-    padding: 5px
 }
 
 .projects {
     background-color: black;
-    padding: 5px
 }
 
 .contact {
     background-color: black;
-    padding: 5px
-}
-
-strong {
-    display: inline-block;
-    width: 250px;
-    border: 5px solid #000;
-    text-align: center;
 }