Compare commits
No commits in common. "b67d395f6239840b58466c6848fe589eaebf553e" and "303ff12f506cdda287cad286d9175346b24ba03a" have entirely different histories.
b67d395f62
...
303ff12f50
4 changed files with 440 additions and 96 deletions
|
|
@ -153,8 +153,9 @@ input, textarea {
|
|||
|
||||
html { font-family: var(--ff-poppins); }
|
||||
|
||||
body { background: var(--smoky-black); }
|
||||
/** .dark-mode { background: var(--smoky-black); } **/
|
||||
body { background: var(--smoky-black); }
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -1877,7 +1878,3 @@ textarea.form-input::-webkit-resizer { display: none; }
|
|||
.timeline-text { max-width: 700px; }
|
||||
|
||||
}
|
||||
mini-map .screen-image .canvas {
|
||||
background: white -moz-element(#main) no-repeat scroll center center / contain;
|
||||
}
|
||||
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
|
|
@ -26,13 +26,14 @@ function notifyMe() {
|
|||
// want to be respectful there is no need to bother them anymore.
|
||||
}
|
||||
|
||||
//notifyMe();
|
||||
notifyMe();
|
||||
*/
|
||||
|
||||
// element toggle function
|
||||
const elementToggleFunc = function (elem) { elem.classList.toggle("active"); }
|
||||
|
||||
|
||||
|
||||
// sidebar variables
|
||||
const sidebar = document.querySelector("[data-sidebar]");
|
||||
const sidebarBtn = document.querySelector("[data-sidebar-btn]");
|
||||
|
|
@ -71,6 +72,7 @@ for (let i = 0; i < testimonialsItem.length; i++) {
|
|||
testimonialsModalFunc();
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
// add click event to modal close button
|
||||
|
|
@ -78,7 +80,7 @@ modalCloseBtn.addEventListener("click", testimonialsModalFunc);
|
|||
overlay.addEventListener("click", testimonialsModalFunc);
|
||||
|
||||
|
||||
/*
|
||||
|
||||
// custom select variables
|
||||
const select = document.querySelector("[data-select]");
|
||||
const selectItems = document.querySelectorAll("[data-select-item]");
|
||||
|
|
@ -157,7 +159,8 @@ for (let i = 0; i < formInputs.length; i++) {
|
|||
|
||||
});
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
|
||||
// page navigation variables
|
||||
const navigationLinks = document.querySelectorAll("[data-nav-link]");
|
||||
|
|
|
|||
518
index.html
518
index.html
|
|
@ -1,5 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
|
|
@ -22,8 +23,6 @@
|
|||
<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>
|
||||
|
|
@ -47,7 +46,7 @@
|
|||
|
||||
<div class="info-content">
|
||||
<h3 class="name" title="Priyatham Sai Chand">Priyatham Sai Chand</h3>
|
||||
<p class="title">Engineer at Heart</p>
|
||||
<p class="title">CS Graduate Student</p>
|
||||
</div>
|
||||
<button class="info_more-btn" data-sidebar-btn>
|
||||
<span>Show Contacts</span>
|
||||
|
|
@ -87,8 +86,8 @@
|
|||
</div>
|
||||
|
||||
<div class="contact-info">
|
||||
<p class="contact-title">Graduated</p>
|
||||
<time datetime="1982-06-23">May 17, 2024</time>
|
||||
<p class="contact-title">Expected Graduation</p>
|
||||
<time datetime="1982-06-23">May 1, 2024</time>
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
|
@ -126,7 +125,7 @@
|
|||
</li>
|
||||
|
||||
<li class="social-item">
|
||||
<a href="https://code.priyatham.duckdns.org/explore/repos" class="social-link"target="_blank">
|
||||
<a href="https://github.com/Priyatham-sai-chand" class="social-link"target="_blank">
|
||||
<ion-icon name="logo-github"></ion-icon>
|
||||
</a>
|
||||
</li>
|
||||
|
|
@ -134,11 +133,13 @@
|
|||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
|
||||
<!--
|
||||
- #main-content
|
||||
-->
|
||||
|
||||
<div class="main-content">
|
||||
|
||||
<!--
|
||||
|
|
@ -171,7 +172,10 @@
|
|||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</nav>
|
||||
|
||||
|
||||
<!--
|
||||
- #ABOUT
|
||||
-->
|
||||
|
|
@ -184,11 +188,11 @@
|
|||
|
||||
<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'm a Master's Student in Cal Poly Pomona, CA. I study Computer Science.</li>
|
||||
<li>💾 I worked as an intern in Cognizant at the latest on data engineering</li>
|
||||
<li>💻 I make an array of software projects and worked on many interesting and rewarding internships.</li>
|
||||
<li>I worked as Interface Lead in aerospace projects such as Northrop Grumman Collaboration project</li>
|
||||
<li>☁ I love to see software be better integrated into daily lives. My focus lies in cloud solutions with scalability and performance.</li>
|
||||
<li>I currently work on interdisciplinary software with aerospace projects such as UMBRA and Northrop Grumman Collaboration project</li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
|
@ -311,6 +315,74 @@
|
|||
</div>
|
||||
</li>
|
||||
|
||||
<!--
|
||||
<li class="testimonials-item">
|
||||
<div class="content-card" data-testimonials-item>
|
||||
|
||||
<figure class="testimonials-avatar-box">
|
||||
<img src="./assets/images/avatar-2.png" alt="Jessica miller" width="60" data-testimonials-avatar>
|
||||
</figure>
|
||||
|
||||
<h4 class="h4 testimonials-item-title" data-testimonials-title>Jessica miller</h4>
|
||||
|
||||
<div class="testimonials-text" data-testimonials-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>
|
||||
</li>
|
||||
|
||||
<li class="testimonials-item">
|
||||
<div class="content-card" data-testimonials-item>
|
||||
|
||||
<figure class="testimonials-avatar-box">
|
||||
<img src="./assets/images/avatar-3.png" alt="Emily evans" width="60" data-testimonials-avatar>
|
||||
</figure>
|
||||
|
||||
<h4 class="h4 testimonials-item-title" data-testimonials-title>Emily evans</h4>
|
||||
|
||||
<div class="testimonials-text" data-testimonials-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>
|
||||
</li>
|
||||
|
||||
<li class="testimonials-item">
|
||||
<div class="content-card" data-testimonials-item>
|
||||
|
||||
<figure class="testimonials-avatar-box">
|
||||
<img src="./assets/images/avatar-4.png" alt="Henry william" width="60" data-testimonials-avatar>
|
||||
</figure>
|
||||
|
||||
<h4 class="h4 testimonials-item-title" data-testimonials-title>Henry william</h4>
|
||||
|
||||
<div class="testimonials-text" data-testimonials-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>
|
||||
</li>
|
||||
|
||||
!-->
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
|
@ -409,6 +481,9 @@
|
|||
|
||||
-->
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
- #RESUME
|
||||
-->
|
||||
|
|
@ -473,17 +548,6 @@
|
|||
</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>
|
||||
|
|
@ -502,7 +566,8 @@
|
|||
<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>
|
||||
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">
|
||||
|
|
@ -630,6 +695,7 @@
|
|||
</section>
|
||||
|
||||
</article>
|
||||
|
||||
<!--
|
||||
- #Projects
|
||||
-->
|
||||
|
|
@ -639,58 +705,10 @@
|
|||
<h2 class="h2 article-title">Projects</h2>
|
||||
</header>
|
||||
|
||||
<ol class="timeline-list">
|
||||
|
||||
<li class="timeline-item">
|
||||
|
||||
<h4 class="h4 timeline-item-title">Digital Credentials</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">
|
||||
|
|
@ -711,6 +729,7 @@
|
|||
|
||||
</ul>
|
||||
|
||||
-->
|
||||
|
||||
<div class="filter-select-box">
|
||||
|
||||
|
|
@ -724,7 +743,6 @@
|
|||
|
||||
</button>
|
||||
|
||||
-->
|
||||
<!--
|
||||
<ul class="select-list">
|
||||
|
||||
|
|
@ -745,10 +763,9 @@
|
|||
</li>
|
||||
|
||||
</ul>
|
||||
-->
|
||||
|
||||
</div>
|
||||
-->
|
||||
<!--
|
||||
|
||||
<ul class="project-list">
|
||||
|
||||
|
|
@ -763,23 +780,353 @@
|
|||
<img src="./assets/images/architect.png" alt="finance" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<h3 class="project-title">Digital Credentials</h3>
|
||||
<h3 class="project-title">Serverless Bulk Email Management</h3>
|
||||
|
||||
<p class="project-category">Leading the team providing badging support and development of pathways for the university</p>
|
||||
<p class="project-category">Web development</p>
|
||||
|
||||
<p class="project-category">Cal Poly Pomona</p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="project-item active" data-filter-item data-category="web development">
|
||||
<a href="https://www.github.com/customer-personality-analysis">
|
||||
|
||||
<figure class="project-img">
|
||||
<div class="project-item-icon-box">
|
||||
<ion-icon name="eye-outline"></ion-icon>
|
||||
</div>
|
||||
|
||||
<img src="./assets/images/project-2.png" alt="orizon" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<h3 class="project-title">Customer Personality Analysis</h3>
|
||||
|
||||
<p class="project-category">Machine Learning</p>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="project-item active" data-filter-item data-category="web design">
|
||||
<a href="#">
|
||||
|
||||
<figure class="project-img">
|
||||
<div class="project-item-icon-box">
|
||||
<ion-icon name="eye-outline"></ion-icon>
|
||||
</div>
|
||||
|
||||
<img src="./assets/images/project-3.jpg" alt="fundo" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<h3 class="project-title">Decentralized Rental System</h3>
|
||||
|
||||
<p class="project-category">Distributed systems</p>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="project-item active" data-filter-item data-category="applications">
|
||||
<a href="#">
|
||||
|
||||
<figure class="project-img">
|
||||
<div class="project-item-icon-box">
|
||||
<ion-icon name="eye-outline"></ion-icon>
|
||||
</div>
|
||||
|
||||
<img src="./assets/images/project-4.png" alt="brawlhalla" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<h3 class="project-title">Alz.</h3>
|
||||
|
||||
<p class="project-category">Applications</p>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<!--
|
||||
<li class="project-item active" data-filter-item data-category="web design">
|
||||
<a href="#">
|
||||
|
||||
<figure class="project-img">
|
||||
<div class="project-item-icon-box">
|
||||
<ion-icon name="eye-outline"></ion-icon>
|
||||
</div>
|
||||
|
||||
<img src="./assets/images/project-5.png" alt="dsm." loading="lazy">
|
||||
</figure>
|
||||
|
||||
<h3 class="project-title">DSM.</h3>
|
||||
|
||||
<p class="project-category">Web design</p>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="project-item active" data-filter-item data-category="web design">
|
||||
<a href="#">
|
||||
|
||||
<figure class="project-img">
|
||||
<div class="project-item-icon-box">
|
||||
<ion-icon name="eye-outline"></ion-icon>
|
||||
</div>
|
||||
|
||||
<img src="./assets/images/project-6.png" alt="metaspark" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<h3 class="project-title">MetaSpark</h3>
|
||||
|
||||
<p class="project-category">Web design</p>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<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/project-7.png" alt="summary" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<h3 class="project-title">Summary</h3>
|
||||
|
||||
<p class="project-category">Web development</p>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="project-item active" data-filter-item data-category="applications">
|
||||
<a href="#">
|
||||
|
||||
<figure class="project-img">
|
||||
<div class="project-item-icon-box">
|
||||
<ion-icon name="eye-outline"></ion-icon>
|
||||
</div>
|
||||
|
||||
<img src="./assets/images/project-8.jpg" alt="task manager" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<h3 class="project-title">Task Manager</h3>
|
||||
|
||||
<p class="project-category">Applications</p>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<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/project-9.png" alt="arrival" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<h3 class="project-title">Arrival</h3>
|
||||
|
||||
<p class="project-category">Web development</p>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
--!>
|
||||
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
</article>
|
||||
|
||||
<!--
|
||||
- #BLOG
|
||||
-->
|
||||
|
||||
<!--
|
||||
<article class="blog" data-page="blog">
|
||||
|
||||
<header>
|
||||
<h2 class="h2 article-title">Blog</h2>
|
||||
<h2 class="h2 article-title">Writing my first one on RSS Feeds. Stick around!!</h2>
|
||||
</header>
|
||||
|
||||
<section class="blog-posts">
|
||||
|
||||
<ul class="blog-posts-list">
|
||||
|
||||
<li class="blog-post-item">
|
||||
<a href="#">
|
||||
|
||||
<figure class="blog-banner-box">
|
||||
<img src="./assets/images/blog-1.jpg" alt="Design conferences in 2022" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<div class="blog-content">
|
||||
|
||||
<div class="blog-meta">
|
||||
<p class="blog-category">Design</p>
|
||||
|
||||
<span class="dot"></span>
|
||||
|
||||
<time datetime="2022-02-23">Fab 23, 2022</time>
|
||||
</div>
|
||||
|
||||
<h3 class="h3 blog-item-title">Design conferences in 2022</h3>
|
||||
|
||||
<p class="blog-text">
|
||||
Veritatis et quasi architecto beatae vitae dicta sunt, explicabo.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="blog-post-item">
|
||||
<a href="#">
|
||||
|
||||
<figure class="blog-banner-box">
|
||||
<img src="./assets/images/blog-2.jpg" alt="Best fonts every designer" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<div class="blog-content">
|
||||
|
||||
<div class="blog-meta">
|
||||
<p class="blog-category">Design</p>
|
||||
|
||||
<span class="dot"></span>
|
||||
|
||||
<time datetime="2022-02-23">Fab 23, 2022</time>
|
||||
</div>
|
||||
|
||||
<h3 class="h3 blog-item-title">Best fonts every designer</h3>
|
||||
|
||||
<p class="blog-text">
|
||||
Sed ut perspiciatis, nam libero tempore, cum soluta nobis est eligendi.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="blog-post-item">
|
||||
<a href="#">
|
||||
|
||||
<figure class="blog-banner-box">
|
||||
<img src="./assets/images/blog-3.jpg" alt="Design digest #80" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<div class="blog-content">
|
||||
|
||||
<div class="blog-meta">
|
||||
<p class="blog-category">Design</p>
|
||||
|
||||
<span class="dot"></span>
|
||||
|
||||
<time datetime="2022-02-23">Fab 23, 2022</time>
|
||||
</div>
|
||||
|
||||
<h3 class="h3 blog-item-title">Design digest #80</h3>
|
||||
|
||||
<p class="blog-text">
|
||||
Excepteur sint occaecat cupidatat no proident, quis nostrum exercitationem ullam corporis suscipit.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="blog-post-item">
|
||||
<a href="#">
|
||||
|
||||
<figure class="blog-banner-box">
|
||||
<img src="./assets/images/blog-4.jpg" alt="UI interactions of the week" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<div class="blog-content">
|
||||
|
||||
<div class="blog-meta">
|
||||
<p class="blog-category">Design</p>
|
||||
|
||||
<span class="dot"></span>
|
||||
|
||||
<time datetime="2022-02-23">Fab 23, 2022</time>
|
||||
</div>
|
||||
|
||||
<h3 class="h3 blog-item-title">UI interactions of the week</h3>
|
||||
|
||||
<p class="blog-text">
|
||||
Enim ad minim veniam, consectetur adipiscing elit, quis nostrud exercitation ullamco laboris nisi.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="blog-post-item">
|
||||
<a href="#">
|
||||
|
||||
<figure class="blog-banner-box">
|
||||
<img src="./assets/images/blog-5.jpg" alt="The forgotten art of spacing" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<div class="blog-content">
|
||||
|
||||
<div class="blog-meta">
|
||||
<p class="blog-category">Design</p>
|
||||
|
||||
<span class="dot"></span>
|
||||
|
||||
<time datetime="2022-02-23">Fab 23, 2022</time>
|
||||
</div>
|
||||
|
||||
<h3 class="h3 blog-item-title">The forgotten art of spacing</h3>
|
||||
|
||||
<p class="blog-text">
|
||||
Maxime placeat, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li class="blog-post-item">
|
||||
<a href="#">
|
||||
|
||||
<figure class="blog-banner-box">
|
||||
<img src="./assets/images/blog-6.jpg" alt="Design digest #79" loading="lazy">
|
||||
</figure>
|
||||
|
||||
<div class="blog-content">
|
||||
|
||||
<div class="blog-meta">
|
||||
<p class="blog-category">Design</p>
|
||||
|
||||
<span class="dot"></span>
|
||||
|
||||
<time datetime="2022-02-23">Fab 23, 2022</time>
|
||||
</div>
|
||||
|
||||
<h3 class="h3 blog-item-title">Design digest #79</h3>
|
||||
|
||||
<p class="blog-text">
|
||||
Optio cumque nihil impedit uo minus quod maxime placeat, velit esse cillum.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
|
||||
</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
-->
|
||||
|
||||
</article>
|
||||
|
||||
--->
|
||||
|
||||
<!--
|
||||
- #CONTACT
|
||||
|
|
@ -790,20 +1137,17 @@
|
|||
<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>
|
||||
<h3 class="h3 form-title">Contact Form</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>
|
||||
<img src="./assets/images/vcard_1(1).png" alt="qr code" width="400" height="400">
|
||||
<h5 class="h5 form-title">Kindly Email: <u>pbazaru@cpp.edu</u> for now. I am building a robust backend to handle contact form between school and work I am delaying it. 😅</h5>
|
||||
<!--
|
||||
<form action="#" class="form" data-form>
|
||||
|
||||
|
|
@ -822,8 +1166,8 @@
|
|||
|
||||
</form>
|
||||
|
||||
-->
|
||||
</section>
|
||||
-->
|
||||
</article>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue