AmazingConnie · AmazingConnie · Sep 18, 2025 · Sep 30, 2025 · Oct 2, 2025 · Oct 7, 2025
diff --git a/Rohan_Mallu_Resume_Engineer.pdf b/Rohan_Mallu_Resume_Engineer.pdf
diff --git a/contact.html b/contact.html
@@ -0,0 +1,59 @@
+<!--
+Name: Rohan Mallu
+Course: COMP 5130: Internet & Web Systems I
+Date Created: 09/17/2025
+Filename: contact.html
+Description: Contact page for my portfolio website
+-->
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Rohan Mallu Resume Page</title>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
+    </head>
+    </head>
+    <body>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
+
+        <!-- Navigation bar-->
+        <nav class="navbar navbar-expand-lg bg-body-tertiary" aria-label="navigation bar">
+            <div class="container-fluid">
+                <a class="navbar-brand" href="#">Rohan Mallu</a>  
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarNav">
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link" href="index.html" aria-label="home page">Home</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="experience.html" aria-label="experience page">Experience</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="projects.html" aria-label="projects page">Projects</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link active" aria-current="page" href="contact.html" aria-label="contact page">Contact</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>  
+        </nav>
+
+         <!-- Embedded Resume -->
+        <div class="container-fluid">
+            <div class="row">
+                <h1 class="text-center" aria-label="my resume header">My Resume</h1>
+                <iframe src="Rohan_Mallu_Resume_Engineer.pdf" class="align-items-center" width="500" height="500" aria-label="resume embed"></iframe>
+            </div>
+
+        </div>
+        <footer class="footer mt-auto py-2 bg-dark" aria-label="footer">
+            <p class="text-light text-center">Copyright &copy; 2025 Rohan Mallu</p>
+        </footer>
+    </body>
+</html>
diff --git a/experience.html b/experience.html
@@ -0,0 +1,148 @@
+<!--
+Name: Rohan Mallu
+Course: COMP 5130: Internet & Web Systems I
+Date Created: 09/16/2025
+Filename: experience.html
+Description: Experiences page for my portfolio website
+-->
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Rohan Mallu Experience Page</title>
+
+        <!-- Bootstrap CSS -->
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"  integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
+
+        <!-- Boostrap Brain CSS, which is used for the timeline component -->
+        <link rel="stylesheet" href="https://unpkg.com/bs-brain@2.0.4/tutorials/timelines/timeline-6/assets/css/timeline-6.css">
+    </head>
+    <body>
+
+
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
+
+       <!-- Navigation bar-->
+        <nav class="navbar navbar-expand-lg bg-body-tertiary" aria-label="navigation bar">
+            <div class="container-fluid">
+                <a class="navbar-brand" href="#">Rohan Mallu</a>  
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarNav">
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link" href="index.html" aria-label="home page">Home</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link active" aria-current="page" href="experience.html" aria-label="experience page">Experience</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="projects.html" aria-label="projects page">Projects</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="contact.html" aria-label="contact page">Contact</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>  
+        </nav>
+
+        <br>
+        <h1 class="text-center" aria-label="my experience page">My Experience</h1>
+
+        <!-- Source of component: https://bootstrapbrain.com/tutorial/bootstrap-timeline-with-images/#code-->
+        <!-- Timeline 6 - Bootstrap Brain Component -->
+
+        <section class="bsb-timeline-6 py-3 py-md-5 py-xl-8" aria-label="timeline of experiences">
+            <div class="container-fluid">
+                <div class="row justify-content-center">
+                <div class="col-10 col-md-12 col-xl-10 col-xxl-9">
+                    <ul class="timeline">
+
+                    <!-- Component for President of ACM at UMass Lowell-->
+                    <li class="timeline-item left">
+                        <div class="timeline-body">
+                            <div class="timeline-content">
+                                <div class="card border-15">
+                                    <img class="card-img-top img-fluid" loading="lazy" src="images/umlacmlogo.png" alt="uml acm chapter president">
+                                    <div class="card-body border border-top-0 border-light-subtle">
+                                        <h5 class="card-subtitle text-secondary mb-1">2024-2025</h5>
+                                        <h2 class="card-title mb-2" aria-label="acm chapter president">Chapter President</h2>
+                                        <h6 class="card-subtitle text-secondary mb-3">Association for Computing Machinery at UMass Lowell</h6>
+                                        <p class="card-text mb-2">As chapter president, I worked with a team of six members to create meetings for CS students.
+                        Our meetings ranged from workshops on tools such as Python to guest speakers from CS upperclassmen at the university.</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+
+                    <!-- Component for SWE Intern at Fidelity Investments-->
+                    <li class="timeline-item right">
+                        <div class="timeline-body">
+                            <div class="timeline-content">
+                                <div class="card border-15">
+                                    <img class="card-img-top img-fluid" loading="lazy" src="images/fidelitylogo.png" alt="fidelity investments intern">
+                                    <div class="card-body border border-top-0 border-light-subtle">
+                                        <h5 class="card-subtitle text-secondary mb-1">2024</h5>
+                                        <h2 class="card-title mb-2" aria-label="swe intern at fidelity investments">Mobile Software Engineering Intern</h2>
+                                        <h6 class="card-subtitle text-secondary mb-3">Fidelity Investments</h6>
+                                        <p class="card-text mb-2">As an intern, I developed features related to financial planning for Fidelity's flagship mobile app on Android devices.</p>
+                                        <p class="card-text mb-2">Using Kotlin and Jetpack Compose, I built custom UI components such as notification cards and a drop-down menu for viewing goals.</p>
+                                        <p class="card-text mb-2">I shared updates about my progress with my team and my manager during standups.</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+
+                    <!-- Component for Student Club Advisor at UMass Lowell Japanese Student Association -->
+                    <li class="timeline-item left">
+                        <div class="timeline-body">
+                            <div class="timeline-content">
+                                <div class="card border-15">
+                                <img class="card-img-top img-fluid" loading="lazy" src="images/jsalogo.png" alt="jsa student club advisor">
+                                <div class="card-body border border-top-0 border-light-subtle">
+                                    <h5 class="card-subtitle text-secondary mb-1">2023</h5>
+                                    <h2 class="card-title mb-2">Student Club Advisor</h2>
+                                    <h6 class="card-subtitle text-secondary mb-3">UMass Lowell Japanese Student Association</h6>
+                                    <p class="card-text mb-2">As student club advisor, I worked with eight executive board members to develop meetings that celebrate Japanese culture.</p>
+                                    <p class="card-text mb-2">I mentored new executive board members on club logistics such as scheduling meetings and managing a club budget.</p>
+                                    <p class="card-text mb-2">I collaborated with other asian culture clubs at the university to hold events such as Night Market and Asian Night.</p>
+                                </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+
+                    <!-- Component for Student Club Advisor at UMass Lowell Japanese Student Association -->
+                    <li class="timeline-item right">
+                        <div class="timeline-body">
+                            <div class="timeline-content">
+                                <div class="card border-15">
+                                    <img class="card-img-top img-fluid" loading="lazy" src="images/jsalogo.png" alt="jsa social media coordinator">
+                                    <div class="card-body border border-top-0 border-light-subtle">
+                                        <h5 class="card-subtitle text-secondary mb-1">2022</h5>
+                                        <h2 class="card-title mb-2">Social Media Coordinator</h2>
+                                        <h6 class="card-subtitle text-secondary mb-3">UMass Lowell Japanese Student Association</h6>
+                                        <p class="card-text mb-2">As social media coordinator, I worked with the club's graphic designer to post information about our club's upcoming meetings.</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </li>
+
+                    </ul>
+                </div>
+                </div>
+            </div>
+        </section>
+
+        <footer class="footer mt-auto py-2 bg-dark" aria-label="footer">
+            <p class="text-light text-center">Copyright &copy; 2025 Rohan Mallu</p>
+        </footer>
+    </body>
+</html>
diff --git a/images/awslogo.png b/images/awslogo.png
diff --git a/images/budget_tracker.png b/images/budget_tracker.png
diff --git a/images/coderlingo.png b/images/coderlingo.png
diff --git a/images/fidelitylogo.png b/images/fidelitylogo.png
diff --git a/images/gavelanimated.png b/images/gavelanimated.png
diff --git a/images/jsalogo.png b/images/jsalogo.png
diff --git a/images/judgemental.png b/images/judgemental.png
diff --git a/images/rmallu_grad.jpg b/images/rmallu_grad.jpg
diff --git a/images/rmalludev.jpg b/images/rmalludev.jpg
diff --git a/images/s_tile.jpg b/images/s_tile.jpg
diff --git a/images/scrabble.png b/images/scrabble.png
diff --git a/images/sokoban.png b/images/sokoban.png
diff --git a/images/umlacmlogo.png b/images/umlacmlogo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,105 @@
+<!--
+Name: Rohan Mallu
+Course: COMP 5130: Internet & Web Systems I
+Date Created: 09/16/2025
+Filename: index.html
+Description: Home page for my portfolio website
+-->
+
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Rohan Mallu Home Page</title>
+
+        <!-- Bootstrap CSS CDN-->
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
+    </head>
+    <body>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
+
+        <!-- Navigation bar -->
+        <nav class="navbar navbar-expand-lg bg-body-tertiary" aria-label="navigation bar">
+            <div class="container-fluid">
+                <a class="navbar-brand" href="#">Rohan Mallu</a>  
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarNav">
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link active" aria-current="page" href="index.html" aria-label="home page">Home</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="experience.html" aria-label="experience page">Experience</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="projects.html" aria-label="projects page">Projects</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="contact.html" aria-label="contact page">Contact</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+
+
+
+        <section>
+            <!-- Section with my links and opening introduction -->
+            <!-- Inspired by: https://getbootstrap.com/docs/5.3/examples/carousel/ -->
+            <div class="container-fluid bg-dark">
+                <br>
+                <div class="row">
+                    <div class="col-md-4">
+                        <img src="images/rmalludev.jpg" class="img-fluid rounded-circle"  alt="rohan mallu profile picture" height="400" width="400">
+                    </div>
+                    <div class="col-md-8 align-self-center">
+                        <h1 class="text-center text-white" aria-label="rohan mallu title">Rohan Mallu</h1>
+
+                        <h4 class="text-center text-wrap text-white" aria-label="secondary title">Aspiring Software Engineer</h4>
+
+                        <div class="text-center p-2">
+                            <a class="btn btn-primary" href="https://www.linkedin.com/in/rohan-mallu" aria-label="linkedin profile">Hire Me</a>
+                            <a class="btn btn-secondary" href="https://github.com/AmazingConnie" aria-label="github profile">View My Projects</a>
+                        </div>
+
+                    </div>
+                </div>
+                <br>
+                <hr>
+            </div>
+
+        </section>
+
+        <!-- Section for basic info about me-->
+        <!-- Inspired by: https://getbootstrap.com/docs/5.3/examples/carousel/-->
+        <section>
+
+            <div class="container-fluid">
+                <br>
+                    <div class="row">
+                        <div class="col-md-8">
+                            <h2 class="p-2">Hi, I'm Rohan!</h2>
+                            <p class="p-2">I'm currently pursuing my master's degree in Computer Science at the University of Massachusetts Lowell. For the past four years, I've developed projects such as mobile apps, front-end apps, and cloud apps. I look forward to building more projects during my masters degree, especially in the field of data science.</p>
+                            <p class="p-2">When I'm not in class, I'm either on campus with my friends or at home with my family. As an undergrad, I served as the president of my university's Association for Computing Machinery chapter. I also served as the student club advisor and social media coordinator for my university's Japanese Student Association.</p>
+                            <p class="p-2">In my free time, I like to play videos games and watch anime. I also love spending time with my family. </p>
+                            <p class="p-2">If you have any questions or job/internship opportunities, feel free to contact me at <b>rohan_mallu@student.uml.edu</b> or <b>rmallu21@gmail.com</b></p>
+
+                        </div>
+                        <div class="col-md-4 align-items-start">
+                            <img src="images/rmallu_grad.jpg" class="img-fluid"  alt="rohan mallu graduate picture" height="400" width="400">
+                        </div>
+                    </div>
+                <br>
+            </div>
+        </section>
+
+        <!-- Footer -->
+        <footer class="footer mt-auto py-2 bg-dark" aria-label="footer">
+            <p class="text-light text-center" aria-label="copyright footer">Copyright &copy; 2025 Rohan Mallu</p>
+        </footer>
+    </body>
+</html>