edited index, styles, main and README files

setup index and css files for video embed. Also commented out show more code from main js as it's not currently being used

README.md

@@ -1,4 +1,31 @@
-#Richie Acevedo's Portfolio
+# Richie Acevedo portfolio
 
-Welcome to my portfolio page. You can find some of my projects and ways to contact me.
+## Description of Project
+Welcome to my portfolio page! You can find my recent projects, learn more about and contact me.
+### How to view:
+Click on the link below to view page
+**[www.richieace.dev](https://www.richieace.dev/)**
+
+## Roadmap of future improvements:
+Rebuild page using react
+## License: MIT
+Copyright (c) 2022 Richie Acevedo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
 

index.html

@@ -55,10 +55,11 @@ <h3>Richie Acevedo</h3>
 
       <div class="info">
         <h1>Fullstack Web Developer</h1>
-        <h3>Hi, I'm Richie Acevedo</h3>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta magni quisquam blanditiis! Dolorem qui fugit est corporis asperiores a voluptatum nostrum vel numquam, saepe aliquam! Neque harum saepe, veniam recusandae commodi minima
-          veritatis
-          voluptatem. Fugiat quibusdam architecto aliquid ipsum, vel, mollitia fuga earum doloremque nobis corporis rem. Incidunt, hic, exercitationem.</p>
+        <!--         <div class="video-wrapper">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/0L8cQ9nRtuE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        </div> -->
+
+
         <a href="#contact" class="btn btn-primary">Let's Talk</a>
       </div>
 
@@ -87,13 +88,13 @@ <h1>About</h1>
         <img src="images/tempprofile.jpeg" alt="">
       </div>
       <div class="info">
-        <p>Accusantium consequatur doloribus id magni placeat omnis non repellat maxime? Sunt voluptas tenetur expedita qui esse molestiae corrupti totam aliquid, odit mollitia nobis obcaecati nesciunt, ea accusamus inventore. Quidem nisi perspiciatis quasi officiis adipisci. Iste, hic laborum! Necessitatibus beatae quisquam repellendus cumque. Quibusdam repudiandae, nobis architecto minima optio dolorem cupiditate in harum veritatis. Nostrum, nihil.</p>
-        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Minus libero quod non vero nesciunt nulla autem nemo eos? Esse ipsa, culpa blanditiis, error aliquam doloribus est quidem dolorum dicta magnam unde quia obcaecati, beatae ipsam voluptate. Minus, porro itaque quaerat sit dolor nulla saepe officia voluptates laudantium consequatur voluptatum corporis maxime repudiandae fugit dignissimos debitis nobis quia? Dolor, beatae provident.</p>
+        <p>Hi, I'm Richie. Born and raised in The Bronx, NY and currently living in Palm Desert California. I am currently participating in the Full Stack Web Development with MERN from MIT xPro. I've always had an interest in coding and am excited to joining be the tech industry soon. </p>
+        <p>Feel free to have a look around, check out my recent work and contact me.</p>
         <div class="read-more-content">
           <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reiciendis esse optio eius iure, porro autem incidunt libero quo odit sit voluptatum natus asperiores in temporibus architecto fugit eum hic et dolorem mollitia labore molestias? Nisi laboriosam voluptatum necessitatibus labore mollitia doloremque placeat minus, iusto error sapiente deserunt magnam corporis harum a veniam velit iste pariatur! Repellendus, quasi distinctio at adipisci voluptas illo. Porro asperiores alias, dolorem hic recusandae nostrum consequatur corrupti iure tempora eius deserunt itaque maiores commodi libero optio!</p>
           <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sunt, voluptatem enim vitae culpa incidunt illum cupiditate repellat, aliquid iure ea atque autem voluptate! Recusandae quibusdam magni maxime nisi deleniti sequi iure ea, reiciendis repudiandae quidem doloremque incidunt, illum corrupti laudantium.</p>
         </div>
-        <a class="read-more">Show More</a>
+        <!-- <a class="read-more">Show More</a> -->
         <a href="assets/richieacevedoresume.pdf" download class="btn btn-primary"><i class="fa-solid fa-file-arrow-down"></i> Download Resume</a>
       </div>
     </div>

styles.css

@@ -285,6 +285,21 @@ section.landing .profile-area .inner-circle {
   overflow: hidden;
 }
 
+.video-wrapper {
+  position: relative;
+  padding-bottom: 56.25%;
+/*  Equals 16:9  */
+  height: 0;
+}
+
+.video-wrapper iframe {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
 /* =============== ABOUT SECTION =============== */