Skip to content

Commit

Permalink
Merge pull request #6 from GustavoRassi/gustavo
Browse files Browse the repository at this point in the history 
Webpage Update/Fixes
  • Loading branch information
@GustavoRassi
GustavoRassi authored Mar 2, 2024
2 parents 728fee8 + f76afb3 commit fe74a37
Show file tree
Hide file tree
Showing 7 changed files with 63 additions and 33 deletions.
Binary file added gr_resume2024.pdf
View file
Binary file not shown.
89 changes: 61 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,16 +14,16 @@
</head>
<body>
<section id="Home">
<div class="secondary-color p-4 d-flex sticky-top">
<div class="secondary-color p-3 d-flex sticky-top">
<a href="#Home">
<h1 class="fs-1 text-light">Portfolio.</h1>
</a>
<div class="container d-flex justify-content-end">
<nav class="navbar">
<a href="#Home" class="text-light mx-5">Home</a></li>
<a href="#Portfolio" class="text-light mx-5">Portfolio</a></li>
<a href="#Resume" class="text-light mx-5">Resume</a></li>
<a href="#Languages" class="text-light mx-5">Languages</a></li>
<a href="#About-Me" class="text-light mx-5">About Me</a></li>
<a href="#Resume" class="text-light mx-5">Resume</a></li>
</nav>
</div>
</div>
Expand All @@ -38,40 +38,73 @@ <h2>Hi, <br>I'm Gustavo Rassi 👋🏽 <br>Junior Computer Science Student & <br
</div>
</div>
</div>
</section>

<section id="About-Me" class="">
<div class="container py-5">
<h2 class="text-center text-uppercase fs-1">About Me</h2>
<hr class="mb-5 mx-5">
<div class="row">
<div class="col-lg-4 ms-auto">
<p class="lead">I'm a junior student at the University of Puerto Rico at Arecibo. My interests are Software & Web Development, including Backend Development. This website is a way for me to practice HTML5 and CSS3 with Bootstrap, as well as JavaScript when I add interactivity later on. Also, I am actively enrolled on a Web Development course on <strong><a class="link-light bg-primary rounded-1 p-1" href="https://www.coursera.org/specializations/web-design" target="_blank">Coursera</a></strong>.</p>
</div>
<div class="col-lg-4 me-auto">
<p class="lead">As an undergrad student, I am actively seeking internship opportunities to apply, sharpen and expand on my skills with real-world experience. I am willing to contribute either individually or collaboratively for my personal and professional growth, as well as for the company or organization.</p>
<div id="Languages">
<div class="container py-5">
<h2 class="text-center text-uppercase fs-1 text-light">Languages</h2>
<hr class="mb-5 mx-5">
<div class="row justify-content-center align-items-center">
<div class="col-md-1 mx-5">
<img src="prog_langs_logos/html.png" alt="html logo" style="width: 100%">
</div>
<div class="col-md-1 mx-5">
<img src="prog_langs_logos/css.png" alt="css logo" style="width: 100%">
</div>
<div class="col-md-1 mx-5">
<img src="prog_langs_logos/python.png" alt="python logo" style="width: 100%">
</div>
<div class="col-md-1 mx-5">
<img src="prog_langs_logos/cpp.png" alt="c++ logo" style="width: 100%">
</div>
</div>
</div>
</div>
</section>

<section id="Portfolio">
<div class="container py-5">
<h2 class="text-center text-uppercase fs-1 text-light">Portfolio</h2>
<hr class="mb-5 mx-5">
<div class="row">
<div class="col-lg-4 ms-auto">
<p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero cum voluptas architecto labore asperiores numquam rerum veritatis neque, harum provident similique quaerat consequatur, vel molestiae velit illo deserunt quae modi.</p>
<div id="About-Me">
<div class="container py-5">
<h2 class="text-center text-uppercase fs-1">About Me</h2>
<hr class="mb-5 mx-5">
<div class="row">
<div class="col-lg-4 ms-auto">
<p class="lead">I'm a junior student at the University of Puerto Rico at Arecibo. My interests are Software & Web Development, including Backend Development. This website is a way for me to practice HTML5 and CSS3 with Bootstrap, as well as JavaScript when I add interactivity later on. Also, I am actively enrolled on a Web Development course on <strong><a class="link-light bg-primary rounded-1 p-1" href="https://www.coursera.org/specializations/web-design" target="_blank">Coursera</a></strong>.</p>
</div>
<div class="col-lg-4 me-auto">
<p class="lead">As an undergrad student, I am actively seeking internship opportunities to apply, sharpen and expand on my skills with real-world experience. I am willing to contribute either individually or collaboratively for my personal and professional growth, as well as for the organization or company.</p>
</div>
</div>
<div class="col-lg-4 me-auto">
<p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero cum voluptas architecto labore asperiores numquam rerum veritatis neque, harum provident similique quaerat consequatur, vel molestiae velit illo deserunt quae modi.</p>
</div>
</div>

<div id="Resume">
<div class="container py-5">
<h2 class="text-center text-uppercase fs-1">Resume</h2>
<hr class="mb-5 mx-5">
<div class="row justify-content-center align-items-center">
<div style="width: 80%; height: 90vh;">
<iframe src="gr_resume2024.pdf" width="100%" height="100%"></iframe>
</div>
</div>
</div>
</div>
<div class="container mb-3 text-end sticky-bottom">
<a href="#Home" class="btn secondary-color text-light">
^
</a>

<div id="Portfolio" class="d-none">
<div class="container py-5">
<h2 class="text-center text-uppercase fs-1 text-light">Portfolio</h2>
<hr class="mb-5 mx-5">
<div class="row">
<div class="col-lg-4 ms-auto">
<p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero cum voluptas architecto labore asperiores numquam rerum veritatis neque, harum provident similique quaerat consequatur, vel molestiae velit illo deserunt quae modi.</p>
</div>
<div class="col-lg-4 me-auto">
<p class="lead">Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero cum voluptas architecto labore asperiores numquam rerum veritatis neque, harum provident similique quaerat consequatur, vel molestiae velit illo deserunt quae modi.</p>
</div>
</div>
</div>
<div class="container mb-3 text-end fixed-bottom">
<a href="#Home" class="btn secondary-color text-light">
^
</a>
</div>
</div>
</section>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
Expand Down
Binary file added prog_langs_logos/cpp.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added prog_langs_logos/css.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added prog_langs_logos/html.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added prog_langs_logos/python.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 2 additions & 5 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,17 +10,14 @@
body{
font-family: 'Poppins', sans-serif;
color: white;
background-color: #1b1f25;
background-color: #1b1f25 !important;
background-color: #F1F1F1;
width: 100%;
}
a{
text-decoration: none;
}

#About-Me{
background-color: #0B7A75;
}

.secondary-color{
background-color: #0B7A75;
}
Expand Down

0 comments on commit fe74a37

Please sign in to comment.