Skip to content

portfolio first 2 section completion #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

portfolio first 2 section completion #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ee66c01
portfolio first 2 section completion
leehilda Dec 14, 2022
5f9b385
layout finalise
leehilda Dec 20, 2022
4398ee0
add images assets
leehilda Dec 20, 2022
9329f91
image error update
leehilda Dec 20, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added (O)Hilda Work Profile.pdf
View file
Open in desktop
Binary file not shown.
41 changes: 32 additions & 9 deletions default.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,13 +32,13 @@ body *{

h1, h2, h3, h4, h5, h6, strong{
color: var(--mainText);
font-family: 'Russo One', sans-serif;
font-family: 'Zen Dots', sans-serif;
font-weight: 500;
}

p, li, span, label, input, textarea{
color: var(--secondaryText);
font-family: 'Roboto Mono', monospace;
font-family: 'Arvo', monospace;
}

a{
Expand Down Expand Up @@ -70,9 +70,6 @@ h6 { font-size: 16px;}
overflow:auto;
}




.main-container{
width: 1200px;
margin: 0 auto;
Expand Down Expand Up @@ -166,8 +163,28 @@ h6 { font-size: 16px;}
.left-column{
grid-area: left-column;
padding-top:50px;
padding-bottom: 50px;
padding-bottom: 5px;
}
.left-column h5{
text-align: center;
padding-top: 5px;
}
.left-column h4{
text-align: center;
/* padding: 5px; */
}
#linkedinIcon {
width: 20px;
height: 20px;
}
.socialLink {
display: flex;
align-items: center;
justify-content: center;
}
.socialLink a{
padding: 0 5px;
}

#profile_pic{
display: block;
Expand Down Expand Up @@ -233,7 +250,6 @@ h6 { font-size: 16px;}
grid-area: right-column;
display: grid;
align-content: center;

padding-top: 50px;
padding-bottom: 50px;
}
Expand Down Expand Up @@ -301,17 +317,21 @@ h6 { font-size: 16px;}
background-color: var(--previewShadow);
}

.social-links{
.reco-links{
display: grid;
align-content: center;
text-align: center;
overflow: hidden;
}

#social_img{
.social_img img{
width: 100%;
height: 300px;
object-fit: contain;
}



.post-wrapper{
display: grid;
grid-template-columns: repeat(auto-fit, 320px);
Expand All @@ -333,6 +353,9 @@ h6 { font-size: 16px;}
height:180px;
object-fit: cover;
}
.thumbnailExcept{
object-fit: scale-down !important;
}

.post-preview{
background-color: #fff;
Expand Down
Binary file removed images/Dennis.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed images/customer-dash.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed images/dash.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed images/desktop wallpaper.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed images/ecom.jpg
View file
Open in desktop
Binary file not shown.
Binary file added images/flutterNameCard.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/follow.jpg
View file
Open in desktop
Binary file not shown.
Binary file added images/jacqReco.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/janeReco.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/jasonReco.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/lab-dash.jpg
View file
Open in desktop
Binary file not shown.
Binary file added images/linkedin.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/membership site.jpg
View file
Open in desktop
Binary file not shown.
Binary file added images/onloop.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/pdf-report.jpg
View file
Open in desktop
Binary file not shown.
Binary file removed images/results.jpg
View file
Open in desktop
Binary file not shown.
Binary file added images/rexRecommendation.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/saanaReco.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/ubentoPage.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/whatsapp.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
98 changes: 63 additions & 35 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>Dennis Ivy</title>
<title>HLRQ</title>


<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />

<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">

<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&family=Russo+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Zen+Dots&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Arvo&family=Zen+Dots&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<link rel="stylesheet" type="text/css" href="default.css">
<link id="theme-style" rel="stylesheet" type="text/css" href="">
Expand All @@ -18,7 +18,7 @@
<section class="s1">
<div class="main-container">
<div class="greeting-wrapper">
<h1>Hi, I'm Dennis Ivanov</h1>
<h1>Hi, I'm Lee Hilda</h1>
</div>


Expand All @@ -42,9 +42,17 @@ <h1>Hi, I'm Dennis Ivanov</h1>
</div>

<div class="left-column">
<img id="profile_pic" src="images/Dennis.jpg">
<h5 style="text-align: center;line-height: 0;">Personalize Theme</h5>

<img id="profile_pic" alt="profile picture" src="https://media.licdn.com/dms/image/C5603AQFhdvC71HlHVg/profile-displayphoto-shrink_800_800/0/1652365792198?e=1676505600&v=beta&t=tnjqV0sOzBewH_ndsZjjLsjpp7hqsXhAp6udoe_fOv8">
<h4>Find me at...</h4>
<div class="socialLink">
<a target="_blank" href="https://www.linkedin.com/in/hildalee-rq/">
<img alt="linkedin icon" src="images/linkedin.png" id="linkedinIcon"/>
</a>
<a href="https://wa.me//6584990635" target="_blank">
<img alt="whatsapp icon" src="images/whatsapp.png" id="linkedinIcon"/>
</a>
</div>
<h5>Personalize Theme</h5>
<div id="theme-options-wrapper">
<div data-mode="light" id="light-mode" class="theme-dot"></div>
<div data-mode="blue" id="blue-mode" class="theme-dot"></div>
Expand All @@ -62,7 +70,7 @@ <h5 style="text-align: center;line-height: 0;">Personalize Theme</h5>
<div id="corner-tl" class="corner"></div>
<div id="corner-tr" class="corner"></div>
<h3>What I Do</h3>
<p>I was a lead developer in a past life, now I enjoy teaching courses.</p>
<p>I am a budding developer with great interest in gaining experience in web development world.</p>
<div id="corner-br" class="corner"></div>
<div id="corner-bl" class="corner"></div>
</div>
Expand All @@ -79,29 +87,29 @@ <h3>What I Do</h3>
<div class="about-me">
<h4>More about me</h4>

<p>I build new projects just to tickle my brain and love teaching others how they're made.</p>
<p>I love building new projects just to tickle my brain and creating web application from scratch.</p>

<p>While I keep busy teaching courses, I still take interviews in search of a great team & projects that interest me.</p>
<p>While I am not learning, you can find me underwater surrounded with the tranqulity mother nature has to offer.</p>


<hr>

<h4>TOP EXPERTISE</h4>

<p>Fullstack developer with primary focus on Django + React: <a target="_blank" href="resume.pdf">Download Resume</a></p>
<p>Fullstack developer with primary focus on Django + React: <a target="_blank" href="(O)Hilda Work Profile.pdf">Download Resume</a></p>

<div id="skills">
<ul>
<li>Python</li>
<li>Django</li>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>React</li>
<li>Postgres</li>
<li>Vuejs</li>
<li>MySQL</li>
</ul>

<ul>
<li>Google Maps API</li>
<li>JS Charts</li>
<li>Java</li>
<li>AWS (RDS/S3)</li>
<li>Heroku</li>
<li>HTML/CSS</li>
Expand All @@ -112,14 +120,31 @@ <h4>TOP EXPERTISE</h4>
</div>


<div class="social-links">
<img id="social_img" src="images/follow.jpg">
<h3>Find me on Twitter & Youtube</h3>

<a target="_blank" href="https://www.youtube.com/c/dennisivy">YouTube: @DennisIvy</a>
<br>
<a target="_blank" href="https://twitter.com/dennisivy11">Twitter: @DennisIvy11</a>
<div class="reco-links">
<h3>How it feels working with me</h3>

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel" data-interval="4000">
<div class="carousel-inner">
<div class="carousel-item active social_img">
<img class="d-block w-100 " src="images/jacqReco.jpg" alt="First slide">
</div>
<div class="carousel-item social_img">
<img class="d-block w-100" src="images/saanaReco.jpg" alt="Second slide">
</div>
<div class="carousel-item social_img">
<img class="d-block w-100" src="images/jasonReco.jpg" alt="Third slide">
</div>
<div class="carousel-item social_img">
<img class="d-block w-100" src="images/rexRecommendation.jpg" alt="Fourth slide">
</div>
<div class="carousel-item social_img">
<img class="d-block w-100" src="images/janeReco.jpg" alt="Fifth slide">
</div>
</div>
</div>
</div>


</div>

</div>
Expand All @@ -133,32 +158,32 @@ <h3 style="text-align: center;">Some of my past projects</h3>

<div>
<div class="post">
<img class="thumbnail" src="images/dash.jpg">
<img class="thumbnail" src="images/ubentoPage.jpg">
<div class="post-preview">
<h6 class="post-title">Laboratory Management System</h6>
<p class="post-intro">Designed built & mantained a the lab managment system for FOI Laboratories</p>
<h6 class="post-title">Ubento</h6>
<p class="post-intro">Designed and built a E-Commerce webpage using html, css and javascript</p>
<a href="post.html">Read More</a>
</div>
</div>
</div>

<div>
<div class="post">
<img class="thumbnail" src="images/ecom.jpg">
<img class="thumbnail" src="images/onloop.jpg">
<div class="post-preview">
<h6 class="post-title">Online Store - CoursePost Title</h6>
<p class="post-intro">Online store with paypal payments intergration and guest user shopping</p>
<h6 class="post-title">OnLoop</h6>
<p class="post-intro">Web application for customer with administrative rights.</p>
<a href="post.html">Read More</a>
</div>
</div>
</div>

<div>
<div class="post">
<img class="thumbnail" src="images/membership site.jpg">
<img class="thumbnail thumbnailExcept" src="images/flutterNameCard.jpg">
<div class="post-preview">
<h6 class="post-title">Membership Website</h6>
<p class="post-intro">Modulized guide for online courses with step by step intructions</p>
<h6 class="post-title">About Me</h6>
<p class="post-intro">Flutter project practice with simple namecard.</p>
<a href="post.html">Read More</a>
</div>
</div>
Expand Down Expand Up @@ -192,7 +217,10 @@ <h3 style="text-align: center;">Get In Touch</h3>
</form>
</div>
</section>

<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="script.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>
Binary file removed resume.pdf
View file
Open in desktop
Binary file not shown.