854 lines
26 KiB
HTML
854 lines
26 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Priyatham's Portfolio</title>
|
||
|
||
<!--
|
||
- favicon
|
||
-->
|
||
<link rel="shortcut icon" href="./assets/images/logo.ico" type="image/x-icon">
|
||
|
||
<!--
|
||
- custom css link
|
||
-->
|
||
<link rel="stylesheet" href="./assets/css/style.css">
|
||
|
||
<!--
|
||
- google font link
|
||
-->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
|
||
|
||
<script defer src="https://umami.priyatham.duckdns.org/script.js" data-website-id="f662df9e-9c62-4d7f-bc17-3bcd504b1b73"></script>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!--
|
||
- #MAIN
|
||
-->
|
||
|
||
<main>
|
||
|
||
<!--
|
||
- #SIDEBAR
|
||
-->
|
||
|
||
<aside class="sidebar" data-sidebar>
|
||
<div class="sidebar-info">
|
||
|
||
<figure class="avatar-box">
|
||
<img src="./assets/images/avatar_1714880744558.png" alt="Priyatham Sai Chand" width="80">
|
||
</figure>
|
||
|
||
<div class="info-content">
|
||
<h3 class="name" title="Priyatham Sai Chand">Priyatham Sai Chand</h3>
|
||
<p class="title">Engineer at Heart</p>
|
||
</div>
|
||
<button class="info_more-btn" data-sidebar-btn>
|
||
<span>Show Contacts</span>
|
||
<ion-icon name="chevron-down"></ion-icon>
|
||
</button>
|
||
</div>
|
||
|
||
<div class="sidebar-info_more">
|
||
<div class="separator"></div>
|
||
<ul class="contacts-list">
|
||
<li class="contact-item">
|
||
<div class="icon-box">
|
||
<ion-icon name="mail-outline"></ion-icon>
|
||
</div>
|
||
<div class="contact-info">
|
||
<p class="contact-title">Email</p>
|
||
<a href="mailto:pbazaru@cpp.edu" class="contact-link">pbazaru@cpp.edu</a>
|
||
</div>
|
||
</li>
|
||
|
||
<!--
|
||
<li class="contact-item">
|
||
<div class="icon-box">
|
||
<ion-icon name="phone-portrait-outline"></ion-icon>
|
||
</div>
|
||
|
||
<div class="contact-info">
|
||
<p class="contact-title">Phone</p>
|
||
<a href="tel:+16262067901" class="contact-link">+1 (626) 206-7901</a>
|
||
</div>
|
||
--!>
|
||
|
||
</li>
|
||
|
||
<!--
|
||
<li class="contact-item">
|
||
|
||
<div class="icon-box">
|
||
<ion-icon name="calendar-outline"></ion-icon>
|
||
</div>
|
||
|
||
<div class="contact-info">
|
||
<p class="contact-title">Graduated</p>
|
||
<time datetime="1982-06-23">May 17, 2024</time>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
--!>
|
||
|
||
<li class="contact-item">
|
||
|
||
<div class="icon-box">
|
||
<ion-icon name="location-outline"></ion-icon>
|
||
</div>
|
||
|
||
<div class="contact-info">
|
||
<p class="contact-title">Location</p>
|
||
|
||
<address>Los Angeles, California, USA</address>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
<div class="separator"></div>
|
||
|
||
<ul class="social-list">
|
||
|
||
<li class="social-item">
|
||
<a href="https://home.priyatham.duckdns.org" class="social-link">
|
||
<ion-icon name="home-outline"></ion-icon>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="social-item">
|
||
<a href="https://www.linkedin.com/in/priyatham-sai-chand/" class="social-link" target="_blank">
|
||
<ion-icon name="logo-linkedin"></ion-icon>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="social-item">
|
||
<a href="https://code.priyatham.duckdns.org/explore/repos" class="social-link"target="_blank">
|
||
<ion-icon name="logo-github"></ion-icon>
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
</aside>
|
||
|
||
<!--
|
||
- #main-content
|
||
-->
|
||
<div class="main-content">
|
||
|
||
<!--
|
||
- #NAVBAR
|
||
-->
|
||
|
||
<nav class="navbar">
|
||
|
||
<ul class="navbar-list">
|
||
|
||
<li class="navbar-item">
|
||
<button class="navbar-link active" data-nav-link>About</button>
|
||
</li>
|
||
|
||
<li class="navbar-item">
|
||
<button class="navbar-link" data-nav-link>Resume</button>
|
||
</li>
|
||
|
||
<li class="navbar-item">
|
||
<button class="navbar-link" data-nav-link>Projects</button>
|
||
</li>
|
||
<!---
|
||
<li class="navbar-item">
|
||
<button class="navbar-link" data-nav-link>Blog</button>
|
||
</li>
|
||
--->
|
||
|
||
<li class="navbar-item">
|
||
<button class="navbar-link" data-nav-link>Contact</button>
|
||
</li>
|
||
|
||
</ul>
|
||
</nav>
|
||
<!--
|
||
- #ABOUT
|
||
-->
|
||
|
||
<article class="about active" data-page="about">
|
||
|
||
<header>
|
||
<h2 class="h2 article-title">About me</h2>
|
||
</header>
|
||
|
||
<section class="about-text">
|
||
<ul>
|
||
<li>💾 I work as a Technical Lead for Innovation Initiatives of Cal Poly Pomona overseeing projects and integrations serving 30,000 students, faculty and staff</li>
|
||
<li>👨💻 I just finished my Master's degree from Cal Poly Pomona, CA. I studied Computer Science.</li>
|
||
<li>💾 I worked as a Digital Credential Specialist overseeing badging efforts integrations with LMS</li>
|
||
<li>💻 I self host and virtualize using proxmox. I want to be knowledgeable from hardware to software and everything in between</li>
|
||
<li>I worked as Interface Lead in aerospace projects such as Northrop Grumman Collaboration project</li>
|
||
|
||
|
||
</ul>
|
||
<p>
|
||
|
||
|
||
|
||
</p>
|
||
|
||
</section>
|
||
|
||
|
||
<!--
|
||
- service
|
||
-->
|
||
|
||
<section class="service">
|
||
|
||
<h3 class="h3 service-title">What I'm doing</h3>
|
||
|
||
<ul class="service-list">
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-icon-box">
|
||
<img src="./assets/images/icon-cloud.svg
|
||
" alt="design icon" width="40">
|
||
</div>
|
||
|
||
<div class="service-content-box">
|
||
<h4 class="h4 service-item-title">Cloud Solutions</h4>
|
||
|
||
<p class="service-item-text">
|
||
Proposing high performing and cost effective architecture for cloud services.
|
||
</p>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-icon-box">
|
||
<img src="./assets/images/icon-dev.svg" alt="Web development icon" width="40">
|
||
</div>
|
||
|
||
<div class="service-content-box">
|
||
<h4 class="h4 service-item-title">Web development</h4>
|
||
|
||
<p class="service-item-text">
|
||
High-quality development of sites at the professional level.
|
||
</p>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-icon-box">
|
||
<img src="./assets/images/icon-app.svg" alt="mobile app icon" width="40">
|
||
</div>
|
||
|
||
<div class="service-content-box">
|
||
<h4 class="h4 service-item-title">Mobile apps</h4>
|
||
|
||
<p class="service-item-text">
|
||
Professional development of cross platform applications.
|
||
</p>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li class="service-item">
|
||
|
||
<div class="service-icon-box">
|
||
<img src="./assets/images/icon-research.svg" alt="research icon" width="40">
|
||
</div>
|
||
|
||
<div class="service-content-box">
|
||
<h4 class="h4 service-item-title">Research</h4>
|
||
|
||
<p class="service-item-text">
|
||
Trying new solutions to existing problems in a scientific and methodology.
|
||
|
||
</p>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</section>
|
||
|
||
|
||
<!--
|
||
- testimonials
|
||
-->
|
||
|
||
<section class="testimonials">
|
||
|
||
<h3 class="h3 testimonials-title">Testimonials</h3>
|
||
|
||
<ul class="testimonials-list has-scrollbar">
|
||
|
||
<li class="testimonials-item">
|
||
<div class="content-card" data-testimonials-item>
|
||
|
||
<figure class="testimonials-avatar-box">
|
||
<img src="./assets/images/avatar-1.png" alt="Daniel lewis" width="60" data-testimonials-avatar>
|
||
</figure>
|
||
|
||
<h4 class="h4 testimonials-item-title" data-testimonials-title>Akash Jami</h4>
|
||
|
||
<div class="testimonials-text" data-testimonials-text>
|
||
<p>
|
||
The way he manages his team, taking responsibility in each and every stage of the development process was fabulous. He never takes a back step in educating his colleagues "
|
||
I have learnt many things which are unrelated to my domain because of him. It was a great time working with you. Thank you!!!
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</section>
|
||
|
||
|
||
<!--
|
||
- testimonials modal
|
||
-->
|
||
|
||
<div class="modal-container" data-modal-container>
|
||
|
||
<div class="overlay" data-overlay></div>
|
||
|
||
<section class="testimonials-modal">
|
||
|
||
<button class="modal-close-btn" data-modal-close-btn>
|
||
<ion-icon name="close-outline"></ion-icon>
|
||
</button>
|
||
|
||
<div class="modal-img-wrapper">
|
||
<figure class="modal-avatar-box">
|
||
<img src="./assets/images/avatar-1.png" alt="Daniel lewis" width="80" data-modal-img>
|
||
</figure>
|
||
|
||
<img src="./assets/images/icon-quote.svg" alt="quote icon">
|
||
</div>
|
||
|
||
<div class="modal-content">
|
||
|
||
<h4 class="h3 modal-title" data-modal-title>Daniel lewis</h4>
|
||
|
||
<time datetime="2021-06-14">14 June, 2021</time>
|
||
|
||
<div data-modal-text>
|
||
<p>
|
||
Richard was hired to create a corporate identity. We were very pleased with the work done. She has a
|
||
lot of experience
|
||
and is very concerned about the needs of client. Lorem ipsum dolor sit amet, ullamcous cididt
|
||
consectetur adipiscing
|
||
elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<!--
|
||
<section class="clients">
|
||
|
||
<h3 class="h3 clients-title">Clients</h3>
|
||
|
||
<ul class="clients-list has-scrollbar">
|
||
|
||
<li class="clients-item">
|
||
<a href="#">
|
||
<img src="./assets/images/logo-1-color.png" alt="client logo">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="clients-item">
|
||
<a href="#">
|
||
<img src="./assets/images/logo-2-color.png" alt="client logo">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="clients-item">
|
||
<a href="#">
|
||
<img src="./assets/images/logo-3-color.png" alt="client logo">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="clients-item">
|
||
<a href="#">
|
||
<img src="./assets/images/logo-4-color.png" alt="client logo">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="clients-item">
|
||
<a href="#">
|
||
<img src="./assets/images/logo-5-color.png" alt="client logo">
|
||
</a>
|
||
</li>
|
||
|
||
<li class="clients-item">
|
||
<a href="#">
|
||
<img src="./assets/images/logo-6-color.png" alt="client logo">
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</section>
|
||
|
||
-->
|
||
</article>
|
||
<!--
|
||
- #RESUME
|
||
-->
|
||
|
||
<article class="resume" data-page="resume">
|
||
|
||
<header>
|
||
<h2 class="h2 article-title">Resume</h2>
|
||
</header>
|
||
|
||
<section class="timeline">
|
||
|
||
<div class="title-wrapper">
|
||
<div class="icon-box">
|
||
<ion-icon name="book-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3">Education</h3>
|
||
</div>
|
||
|
||
<ol class="timeline-list">
|
||
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">California State Polytechnic University, Pomona</h4>
|
||
|
||
<span>2022 — 2024</span>
|
||
|
||
<p class="timeline-text">
|
||
A 2-year Master of Science Degree in Computer Science, working towards a Master’s Thesis by performing research in the areas of interest stated.
|
||
</p>
|
||
|
||
</li>
|
||
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Mahatma Gandhi Institute of Technology</h4>
|
||
|
||
<span>2018 — 2022</span>
|
||
|
||
<p class="timeline-text">
|
||
A 4-year comprehensive bachelors study which I successfully completed with First class Distinction.
|
||
</p>
|
||
|
||
</li>
|
||
|
||
|
||
</li>
|
||
|
||
</ol>
|
||
|
||
</section>
|
||
|
||
<section class="timeline">
|
||
|
||
<div class="title-wrapper">
|
||
<div class="icon-box">
|
||
<ion-icon name="book-outline"></ion-icon>
|
||
</div>
|
||
|
||
<h3 class="h3">Experience</h3>
|
||
</div>
|
||
|
||
<ol class="timeline-list">
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Technical Lead</h4>
|
||
|
||
<span>June 2024 - present</span>
|
||
|
||
<p class="timeline-text">
|
||
Lead various technical projects for office of innovation initatives and be part of advisory board and committees' that help discover and reccommend new softwares to license.
|
||
</p>
|
||
|
||
</li>
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Digital Credential Specialist</h4>
|
||
|
||
<span>Aug 2022 — May 2024</span>
|
||
|
||
<p class="timeline-text">
|
||
Managing and integrating of applications, for platforms such as Badgr, Canvas and Parker Dewey, to issue over 10,00 badges over multiple departments.
|
||
</p>
|
||
|
||
</li>
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Interface Lead</h4>
|
||
|
||
<span>Aug 2022 — April 2024</span>
|
||
|
||
<p class="timeline-text">
|
||
Leading team discussions and facilitated decision-making on key interface elements and functionalities to create a robust interface for mission-critical operations. Presented final interface design to project stakeholders and secured approval for implementation and integrate it with other vehicle teams. </p>
|
||
|
||
</li>
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Programmer Analyst Trainee</h4>
|
||
|
||
<span>Feb 2022 — Jul 2022</span>
|
||
|
||
<p class="timeline-text">
|
||
Finished 100% of training on Data Engineering and Cloud operations. Implemented various Data Engineering concepts of Apache Spark with various internal evaluations. Communicated various business solutions on cloud practices and services provided by Google Cloud Platform;
|
||
<ul>
|
||
<li>
|
||
|
||
|
||
</ul>
|
||
</p>
|
||
|
||
</li>
|
||
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Programmer Analyst Trainee</h4>
|
||
|
||
<span>Feb 2022 — Jul 2022</span>
|
||
|
||
<p class="timeline-text">
|
||
Finished 100% of training on Data Engineering and Cloud operations. Implemented various Data Engineering concepts of Apache Spark with various internal evaluations. Communicated various business solutions on cloud practices and services provided by Google Cloud Platform;
|
||
<ul>
|
||
<li>
|
||
|
||
|
||
</ul>
|
||
</p>
|
||
|
||
</li>
|
||
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Cyber Security Intern</h4>
|
||
|
||
<span>July 2021 — August 2021</span>
|
||
|
||
<p class="timeline-text">
|
||
Identified flaws in common network configurations across the 40% of the campus by finding vulnerabilities by penetrating the network. Recommended security measures and created threat models, documented a more secure network model with better advantages using existing hardware.
|
||
</p>
|
||
|
||
</li>
|
||
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Web Development Intern</h4>
|
||
|
||
<span>Feb 2021 — July 2021</span>
|
||
|
||
<p class="timeline-text">
|
||
Helped increase user visits to the web application by 66% from previous implementations. Minimized operational costs by offering cloud based solutions for hosting and deployment on AWS. Led development team of size 10 in mapping business requirements to internal and external products
|
||
</p>
|
||
|
||
</li>
|
||
|
||
</ol>
|
||
|
||
</section>
|
||
|
||
<section class="skill">
|
||
|
||
<h3 class="h3 skills-title">My skills</h3>
|
||
|
||
<ul class="skills-list content-card">
|
||
|
||
<li class="skills-item">
|
||
|
||
<div class="title-wrapper">
|
||
<h5 class="h5">Full stack development</h5>
|
||
<data value="90"></data>
|
||
</div>
|
||
|
||
<div class="skill-progress-bg">
|
||
<div class="skill-progress-fill" style="width: 100%;"></div>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li class="skills-item">
|
||
|
||
<div class="title-wrapper">
|
||
<h5 class="h5">Mobile Application Development</h5>
|
||
<data value="90"></data>
|
||
</div>
|
||
|
||
<div class="skill-progress-bg">
|
||
<div class="skill-progress-fill" style="width: 90%;"></div>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li class="skills-item">
|
||
|
||
<div class="title-wrapper">
|
||
<h5 class="h5">Data Privacy and Security</h5>
|
||
<data value="90"></data>
|
||
</div>
|
||
|
||
<div class="skill-progress-bg">
|
||
<div class="skill-progress-fill" style="width: 90%;"></div>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
<li class="skills-item">
|
||
|
||
<div class="title-wrapper">
|
||
<h5 class="h5">Cloud Services</h5>
|
||
<data value="50"></data>
|
||
</div>
|
||
|
||
<div class="skill-progress-bg">
|
||
<div class="skill-progress-fill" style="width: 70%;"></div>
|
||
</div>
|
||
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</section>
|
||
|
||
</article>
|
||
<!--
|
||
- #Projects
|
||
-->
|
||
|
||
<article class="projects" data-page="projects">
|
||
<header>
|
||
<h2 class="h2 article-title">Projects</h2>
|
||
</header>
|
||
|
||
<ol class="timeline-list">
|
||
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Digital Credentials (NSF funded)</h4>
|
||
|
||
<span>2022 — 2024</span>
|
||
|
||
<p class="timeline-text">I have been involved and advocating to the use of digital credentials as I started my master's program. Now I lead the technical aspects of the program along with various other programs at Cal Poly Pomona. I handle the approval process for all the badges across the university.</p>
|
||
<ol>
|
||
<li class="timeline-text">Presented a table talk on "Badge me if you can" for the Badge Summit 2024 at University of Colorado, Boulder</li>
|
||
<li class="timeline-text">Accepted to presented at ePIC 2024 at Paris, France</li>
|
||
|
||
</ol>
|
||
</li>
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">PolyX (Polytechnic eXperience)</h4>
|
||
|
||
<span>2022 — 2024</span>
|
||
|
||
<p class="timeline-text">PolyX is a university wide initiative to which requires repository of all courses deemed to be polyX and various technical works to manage,approve and organize showcases to support over 500 students concurrently.</p>
|
||
|
||
</li>
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">Northrop Grumman Collaboration Project</h4>
|
||
|
||
<span>2024</span>
|
||
|
||
<p class="timeline-text">This project is a multi disciplinary collobartion I lead the interface for the entire project that consists of displaying vitals, camera feeds and operating of 6 different types of unmanned vehicles designed and created by aerospace and mechnical engineers at both the Cal Polys.</p>
|
||
</li>
|
||
</ol>
|
||
<header>
|
||
<h2 class="h2 article-title">Grants</h2>
|
||
</header>
|
||
|
||
<ol class="timeline-list">
|
||
|
||
<li class="timeline-item">
|
||
|
||
<h4 class="h4 timeline-item-title">NSF INVESTS</h4>
|
||
|
||
<span>2024 - Present</span>
|
||
|
||
<p class="timeline-text">I was tasked with carrying forward and achieving the goals set by the National Science Foundation (NSF) grant towards Cal Poly in creating and researching the usage of Alternate Learning Records (ALR) for students' career success.</p>
|
||
|
||
</li>
|
||
<!--
|
||
<h2 class="h2 article-title">Fitting them in shortly.</h2>
|
||
<section class="projects">
|
||
|
||
<ul class="filter-list">
|
||
|
||
<li class="filter-item">
|
||
<button class="active" data-filter-btn>All</button>
|
||
</li>
|
||
|
||
<li class="filter-item">
|
||
<button data-filter-btn>Web design</button>
|
||
</li>
|
||
|
||
<li class="filter-item">
|
||
<button data-filter-btn>Applications</button>
|
||
</li>
|
||
|
||
<li class="filter-item">
|
||
<button data-filter-btn>Web development</button>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
|
||
<div class="filter-select-box">
|
||
|
||
<button class="filter-select" data-select>
|
||
|
||
<div class="select-value" data-selecct-value>Select category</div>
|
||
|
||
<div class="select-icon">
|
||
<ion-icon name="chevron-down"></ion-icon>
|
||
</div>
|
||
|
||
</button>
|
||
|
||
-->
|
||
<!--
|
||
<ul class="select-list">
|
||
|
||
<li class="select-item">
|
||
<button data-select-item>All</button>
|
||
</li>
|
||
|
||
<li class="select-item">
|
||
<button data-select-item>Web design</button>
|
||
</li>
|
||
|
||
<li class="select-item">
|
||
<button data-select-item>Applications</button>
|
||
</li>
|
||
|
||
<li class="select-item">
|
||
<button data-select-item>Web development</button>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
-->
|
||
<!--
|
||
|
||
<ul class="project-list">
|
||
|
||
<li class="project-item active" data-filter-item data-category="web development">
|
||
<a href="#">
|
||
|
||
<figure class="project-img">
|
||
<div class="project-item-icon-box">
|
||
<ion-icon name="eye-outline"></ion-icon>
|
||
</div>
|
||
|
||
<img src="./assets/images/architect.png" alt="finance" loading="lazy">
|
||
</figure>
|
||
|
||
<h3 class="project-title">Digital Credentials</h3>
|
||
|
||
<p class="project-category">Leading the team providing badging support and development of pathways for the university</p>
|
||
|
||
<p class="project-category">Cal Poly Pomona</p>
|
||
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</section>
|
||
|
||
-->
|
||
|
||
</article>
|
||
|
||
|
||
<!--
|
||
- #CONTACT
|
||
-->
|
||
|
||
<article class="contact" data-page="contact">
|
||
<header>
|
||
<h2 class="h2 article-title">Contact</h2>
|
||
</header>
|
||
|
||
<!--
|
||
<section class="mapbox" data-mapbox>
|
||
<figure>
|
||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d105764.75604036126!2d-117.8399825224143!3d34.065704085242686!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c32def799fa121%3A0x5209947000caa933!2sPomona%2C%20CA!5e0!3m2!1sen!2sus!4v1673994570714!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||
</figure>
|
||
</section>
|
||
-->
|
||
|
||
<section class="contact-form">
|
||
|
||
<h3 class="h3 form-title">Contact</h3>
|
||
|
||
<h5 class="h5 form-title">Please scan this qr code for my vcard or email me at pbazaruatcpp.edu, I check frequently and would love to hear from everyone</h5>
|
||
|
||
<div class="qr-container">
|
||
<img src="./assets/images/vcard_1(1).png" alt="qr code" width="400" height="400">
|
||
</div>
|
||
<!--
|
||
<form action="#" class="form" data-form>
|
||
|
||
<div class="input-wrapper">
|
||
<input type="text" name="fullname" class="form-input" placeholder="Full name" required data-form-input>
|
||
|
||
<input type="email" name="email" class="form-input" placeholder="Email address" required data-form-input>
|
||
</div>
|
||
|
||
<textarea name="message" class="form-input" placeholder="Your Message" required data-form-input></textarea>
|
||
|
||
<button class="form-btn" type="submit" disabled data-form-btn>
|
||
<ion-icon name="paper-plane"></ion-icon>
|
||
<span>Send Message</span>
|
||
</button>
|
||
|
||
</form>
|
||
|
||
-->
|
||
</section>
|
||
</article>
|
||
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<!--
|
||
- custom js link
|
||
-->
|
||
<script src="./assets/js/script.js"></script>
|
||
|
||
<!--
|
||
- ionicon link
|
||
-->
|
||
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
||
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
||
|
||
</body>
|
||
|
||
</html>
|