deployy

kubarozwadowski · Oct 21, 2023 · 59896be · 59896be
1 parent fa93f72
commit 59896be
Show file tree

Hide file tree

Showing 2 changed files with 402 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kuba Rozwadowski's Portfolio</title>
+    <link rel="stylesheet" href="style.css">
+    <script src="https://kit.fontawesome.com/e693f64d8f.js" crossorigin="anonymous"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap" rel="stylesheet">
+</head>
+<body>
+<div id="header">
+    <div class="container">
+        <nav>
+            <img src="images/logo.png" class="logo">
+            <ul id="sidemenu">
+                <li><a href="#header">Home</a></li>
+                <li><a href="#about">About</a></li>
+                <li><a href="#contact">Contact</a></li>
+                <!-- insert any additional here-->
+                <i class="fas fa-times" onclick="closemenu()"></i>
+            </ul>
+            <i class="fas fa-compass" onclick="openmenu()"></i>
+        </nav>
+        <div class="header-text">
+            <p>Computer Science Student</p>
+            <h1><strong>Hi! I'm <span>Kuba</span>, an aspiring <br>software engineer.</strong></h1>
+        </div>
+    </div>
+</div>
+<!----About--------->       
+<div id="about">
+    <div class="container">
+        <div class="row">
+            <div class="about-col-1">
+                <img src="images/user.png"
+                width="400"
+                height="500">
+            </div>
+            <div class="about-col-2">
+                <h1 class="sub-title"><u><strong>About Me</strong></u></h1>
+                <p>Hello! I am currently a freshman at Boston University studying Computer Science. 
+                    Open to any Summer 2024 internships or research opportunities.
+                </p>
+                <div class="tab-titles">
+                    <p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
+                    <p class="tab-links" onclick="opentab('experience')">Experience</p>
+                    <p class="tab-links" onclick="opentab('projects')">Projects</p>
+                    <p class="tab-links" onclick="opentab('research')">Research</p>
+                </div>
+                <div class="tab-contents active-tab" id="skills">
+                    <ul><strong>
+                        <li><span><strong></strong></span><br>Java</li> <!---33 minutes in video for more-->
+                        <li><span><strong></strong></span><br>Python</li>
+                        <li><span><strong></strong></span><br>HTML/CSS</li>
+                    </ul>
+                </div>
+                <div class="tab-contents" id="experience">
+                    <ul>
+                        <li><span><strong>2022-2023</strong></span><br>Web Developer for Leaf of Hope Foundation</li>
+                        <li><span><strong>2021-2022</strong></span><br>Bookkeeper at Polish Triangle Property Management</li>
+                        <li><span><strong>2021</strong></span><br>Data Analyst Intern at State Street</li>
+                    </ul>
+                </div>
+                <div class="tab-contents" id="projects">
+                    <ul>
+                        <li><span></span></li>
+                    </ul>
+                </div>
+                <div class="tab-contents" id="research">
+                    <ul>
+                        <li><span></span></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+<!------------contact--------------->
+<div id="contact">
+    <div class="container">
+        <div class="row">
+            <div class="contact-left">
+                <h1 class="sub-title">Contact Me</h1>
+                <p><i class="fas fa-envelope"></i> [email protected]</p>
+                <div class="social-icons">
+                    <a href="https://www.linkedin.com/in/kuba-rozwadowski-a96499235"><i class="fab fa-linkedin fa-lg"></i></a>
+                </div>
+                <a href="images/KubaRozwadowskiResume.pdf" download class="btn">Download Resume</a>
+            </div>  
+        </div>
+    </div>
+</div>
+
+<script>
+
+    var tablinks = document.getElementsByClassName("tab-links");
+    var tabcontents = document.getElementsByClassName("tab-contents");
+    function opentab(tabname){
+        for(tablink of tablinks){
+            tablink.classList.remove("active-link");
+        }
+        for(tabcontent of tabcontents){
+            tabcontent.classList.remove("active-tab");
+        }
+        event.currentTarget.classList.add("active-link");
+        document.getElementById(tabname).classList.add("active-tab");
+    }
+
+</script>
+<script>
+
+    var sidemenu = document.getElementById("sidemenu");
+
+    function openmenu(){
+        sidemenu.style.right = "0";
+    }
+    function closemenu(){
+        sidemenu.style.right = "-200px";
+    }
+
+</script>
+
+</body>
+</html>