Skip to content

Commit

Permalink
about me photo added
Browse files Browse the repository at this point in the history
  • Loading branch information
tharinedirisinghe committed Jun 6, 2024
1 parent 28c6e60 commit 85ea1f8
Show file tree
Hide file tree
Showing 3 changed files with 66 additions and 24 deletions.
Binary file added IMG-20230221-WA00451.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
69 changes: 53 additions & 16 deletions index.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,14 @@ body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
}

header {
background-color: #2C3E50;
color: white;
text-align: center;
padding: 1em 0;
padding: 0.5em 0;
}

header h1 {
Expand All @@ -28,39 +29,40 @@ section {
}

nav {
background-color: #34495E; /* Background color */
text-align: center; /* Center align the list */
padding: 0.5em 0; /* Add some padding */
background-color: #34495E;
text-align: center;
padding: 0.5em 0;
}

nav ul {
list-style-type: none; /* Remove bullets from list */
list-style-type: none;
margin: 0;
padding: 0;
display: flex; /* Use flexbox */
justify-content: space-around; /* Distribute items evenly */
display: flex;
justify-content: space-around;
}

nav ul li {
display: inline; /* Display list items horizontally */
display: inline;
}

nav ul li a {
display: inline-block; /* Make the link a block element */
padding: 10px 20px; /* Add padding to each link */
text-decoration: none; /* Remove underline */
color: white; /* Text color */
transition: color 0.3s; /* Add transition effect for color change */
display: inline-block;
padding: 10px 20px;
text-decoration: none;
color: white;
transition: color 0.3s;
}

nav ul li a:hover {
color: #FFD700; /* Text color on hover */
color: #FFD700;
}

#about, #projects, #contact {
padding: 20px;
padding: 50px;
background-color: #e9e9e9;
margin: 10px;
margin: 50px;
margin-bottom: 150px;
}

footer {
Expand All @@ -82,3 +84,38 @@ footer a:hover {
text-decoration: underline;
}

.about-container {
display: flex;
align-items: center;
flex-wrap: wrap; /* Allow items to wrap on smaller screens */
}

.about-container img {
max-width: 100%;
height: auto; /* Maintain aspect ratio */
margin-left: 160px;
border-radius: 50%;
order: 2;
}

.about-text {
max-width: 600px;
order: 1;
}

@media (max-width: 768px) {
.about-container {
flex-direction: column; /* Stack items vertically on small screens */
text-align: center; /* Center text */
}

.about-container img {
margin-left: 0; /* Remove left margin */
margin-top: 20px; /* Add top margin */
order: 1; /* Image first on small screens */
}

.about-text {
order: 2; /* Text second on small screens */
}
}
21 changes: 13 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,23 +9,28 @@
<body>
<header>
<h1>Tharin Edirisinghe</h1>
<p>IT Undergraduate | ICT Teacher | Content Creator</p>
<h3>IT Undergraduate | ICT Teacher | Content Creator</h3>
</header>

<nav>
<ul>
<li><a href="index.html">About Me</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
<li><b><a href="index.html">About Me</a></b></li>
<li><b><a href="projects.html">Projects</a></b></li>
<li><b><a href="contact.html">Contact</a></b></li>
</ul>
</nav>

<section id="about">
<h2>About Me</h2>
<p>Hi, I'm Tharin, an undergraduate student at the Faculty of Information Technology, University of Moratuwa, Sri Lanka.</p>
<p>I teach ICT for G.C.E Advanced Level and G.C.E Ordinary Level students, guiding them to success in their exams.</p>
<p>I'm also a social media content creator, sharing insights and tutorials across various fields.</p>
<p>Thank you for visiting my portfolio. Feel free to explore my work and connect with me for collaborations or inquiries.</p>
<div class="about-container">
<img src="C:\My folder\my-portfolio-web/IMG-20230221-WA00451.png" alt="Tharin Edirisinghe">
<div class="about-text">
<p>Hi, I'm Tharin, an undergraduate student at the <b>Faculty of Information Technology, University of Moratuwa, Sri Lanka</b>.</p>
<p>I teach ICT for <b>G.C.E Advanced Level and G.C.E Ordinary Level</b> students, guiding them to success in their exams.</p>
<p>I'm also a <b>social media content creator</b>, sharing insights and tutorials across various fields.</p>
<p>Thank you for visiting my portfolio. Feel free to explore my work and connect with me for collaborations or inquiries.</p>
</div>
</div>
</section>

<footer>
Expand Down

0 comments on commit 85ea1f8

Please sign in to comment.