Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@markhsumark
markhsumark committed Mar 26, 2024
1 parent a6640b0 commit 98eee0b
Show file tree
Hide file tree
Showing 2 changed files with 46 additions and 45 deletions.
Binary file added assets/images/1_9gxcoaQ7amOrANNIawKHuw.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
91 changes: 46 additions & 45 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,9 +46,9 @@
</figure>

<div class="info-content">
<h1 class="name" title="Richard hanrick">Richard hanrick</h1>
<h1 class="name" title="Richard hanrick">I Chung, Hsu</h1>

<p class="title">Web developer</p>
<p class="title">software engineer | NCU </p>
</div>

<button class="info_more-btn" data-sidebar-btn>
Expand All @@ -74,12 +74,12 @@ <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
<div class="contact-info">
<p class="contact-title">Email</p>

<a href="mailto:[email protected]" class="contact-link">richard@example.com</a>
<a href="mailto:[email protected]" class="contact-link">tulsa0415@gmail.com</a>
</div>

</li>

<li class="contact-item">
<!-- <li class="contact-item">
<div class="icon-box">
<ion-icon name="phone-portrait-outline"></ion-icon>
Expand All @@ -91,7 +91,7 @@ <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
<a href="tel:+12133522795" class="contact-link">+1 (213) 352-2795</a>
</div>
</li>
</li> -->

<li class="contact-item">

Expand All @@ -116,7 +116,7 @@ <h1 class="name" title="Richard hanrick">Richard hanrick</h1>
<div class="contact-info">
<p class="contact-title">Location</p>

<address>Sacramento, California, USA</address>
<address>Hsichu, Taiwan</address>
</div>

</li>
Expand Down Expand Up @@ -209,17 +209,7 @@ <h2 class="h2 article-title">About me</h2>

<section class="about-text">
<p>
I'm Creative Director and UI/UX Designer from Sydney, Australia, working in web development and print media.
I enjoy
turning complex problems into simple, beautiful and intuitive designs.
</p>

<p>
My job is to build your website so that it is functional and user-friendly but at the same time attractive.
Moreover, I
add personal touch to your product and make sure that is eye-catching and easy to use. My aim is to bring
across your
message and identity in the most creative way. I created web design for many famous brand companies.
I am studying at National Central University, Computer Science engineer
</p>
</section>

Expand All @@ -234,7 +224,7 @@ <h3 class="h3 service-title">What i'm doing</h3>

<ul class="service-list">

<li class="service-item">
<!-- <li class="service-item">
<div class="service-icon-box">
<img src="./assets/images/icon-design.svg
Expand All @@ -249,7 +239,7 @@ <h4 class="h4 service-item-title">Web design</h4>
</p>
</div>
</li>
</li> -->

<li class="service-item">

Expand All @@ -258,7 +248,7 @@ <h4 class="h4 service-item-title">Web design</h4>
</div>

<div class="service-content-box">
<h4 class="h4 service-item-title">Web development</h4>
<h4 class="h4 service-item-title">software engineer</h4>

<p class="service-item-text">
High-quality development of sites at the professional level.
Expand All @@ -267,7 +257,7 @@ <h4 class="h4 service-item-title">Web development</h4>

</li>

<li class="service-item">
<!-- <li class="service-item">
<div class="service-icon-box">
<img src="./assets/images/icon-app.svg" alt="mobile app icon" width="40">
Expand All @@ -281,7 +271,7 @@ <h4 class="h4 service-item-title">Mobile apps</h4>
</p>
</div>
</li>
</li> -->

<li class="service-item">

Expand All @@ -290,7 +280,7 @@ <h4 class="h4 service-item-title">Mobile apps</h4>
</div>

<div class="service-content-box">
<h4 class="h4 service-item-title">Photography</h4>
<h4 class="h4 service-item-title">Dancer</h4>

<p class="service-item-text">
I make high-quality photos of any category at a professional level.
Expand All @@ -307,7 +297,7 @@ <h4 class="h4 service-item-title">Photography</h4>
<!--
- testimonials
-->

<!--
<section class="testimonials">
<h3 class="h3 testimonials-title">Testimonials</h3>
Expand Down Expand Up @@ -404,7 +394,7 @@ <h4 class="h4 testimonials-item-title" data-testimonials-title>Henry william</h4
</ul>
</section>
</section> -->


<!--
Expand Down Expand Up @@ -529,17 +519,28 @@ <h3 class="h3">Education</h3>
</div>

<ol class="timeline-list">
<li class="timeline-item">

<h4 class="h4 timeline-item-title">National Taiwan Central University</h4>

<span>2023 — Present</span>

<p class="timeline-text">
<!-- Ratione voluptatem sequi nesciunt, facere quisquams facere menda ossimus, omnis voluptas assumenda est
omnis.. -->
</p>

</li>
<li class="timeline-item">

<h4 class="h4 timeline-item-title">University school of the arts</h4>
<h4 class="h4 timeline-item-title">National Taiwan Ocean University</h4>

<span>2007 — 2008</span>
<span>2020 — 2023</span>

<p class="timeline-text">
Nemo enims ipsam voluptatem, blanditiis praesentium voluptum delenit atque corrupti, quos dolores et
<!-- Nemo enims ipsam voluptatem, blanditiis praesentium voluptum delenit atque corrupti, quos dolores et
quas molestias
exceptur.
exceptur. -->
</p>

</li>
Expand Down Expand Up @@ -642,7 +643,7 @@ <h3 class="h3 skills-title">My skills</h3>
<li class="skills-item">

<div class="title-wrapper">
<h5 class="h5">Web design</h5>
<h5 class="h5">C/C++</h5>
<data value="80">80%</data>
</div>

Expand All @@ -655,7 +656,7 @@ <h5 class="h5">Web design</h5>
<li class="skills-item">

<div class="title-wrapper">
<h5 class="h5">Graphic design</h5>
<h5 class="h5">Python</h5>
<data value="70">70%</data>
</div>

Expand All @@ -668,17 +669,17 @@ <h5 class="h5">Graphic design</h5>
<li class="skills-item">

<div class="title-wrapper">
<h5 class="h5">Branding</h5>
<data value="90">90%</data>
<h5 class="h5">Web development</h5>
<data value="30">30%</data>
</div>

<div class="skill-progress-bg">
<div class="skill-progress-fill" style="width: 90%;"></div>
<div class="skill-progress-fill" style="width: 30%;"></div>
</div>

</li>

<li class="skills-item">
<!-- <li class="skills-item">
<div class="title-wrapper">
<h5 class="h5">WordPress</h5>
Expand All @@ -689,7 +690,7 @@ <h5 class="h5">WordPress</h5>
<div class="skill-progress-fill" style="width: 50%;"></div>
</div>
</li>
</li> -->

</ul>

Expand Down Expand Up @@ -719,7 +720,7 @@ <h2 class="h2 article-title">Portfolio</h2>
<button class="active" data-filter-btn>All</button>
</li>

<li class="filter-item">
<!-- <li class="filter-item">
<button data-filter-btn>Web design</button>
</li>
Expand All @@ -729,7 +730,7 @@ <h2 class="h2 article-title">Portfolio</h2>
<li class="filter-item">
<button data-filter-btn>Web development</button>
</li>
</li> -->

</ul>

Expand All @@ -751,7 +752,7 @@ <h2 class="h2 article-title">Portfolio</h2>
<button data-select-item>All</button>
</li>

<li class="select-item">
<!-- <li class="select-item">
<button data-select-item>Web design</button>
</li>
Expand All @@ -761,28 +762,28 @@ <h2 class="h2 article-title">Portfolio</h2>
<li class="select-item">
<button data-select-item>Web development</button>
</li>
</li> -->

</ul>

</div>

<ul class="project-list">

<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<li class="project-item active" data-filter-item data-category="ML">
<a href="https://medium.com/@tulsa0415/%E4%BA%BA%E6%B5%81%E5%88%86%E6%9E%90%E7%B3%BB%E7%B5%B1-%E8%B5%B0%E5%87%BA%E6%99%BA%E5%9C%A8%E7%9A%84%E8%B7%AF-d7c42fb08d09">

<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>

<img src="./assets/images/project-1.jpg" alt="finance" loading="lazy">
<img src="./assets/images/1_9gxcoaQ7amOrANNIawKHuw.jpg" alt="ML" loading="lazy">
</figure>

<h3 class="project-title">Finance</h3>
<h3 class="project-title">Walk in the Intelligent Way</h3>

<p class="project-category">Web development</p>
<p class="project-category">Yolo</p>

</a>
</li>
Expand Down

0 comments on commit 98eee0b

Please sign in to comment.