Personal-Blog-using-HTML-and-CSS/index.html at main · ttmagedara2001/Personal-Blog-using-HTML-and-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!--EC/2020/079-T.T. MAGEDARA-->
<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>
Thulani Magedara|Blog Page
</title>

    <link rel="stylesheet" href="styles.css">
 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>


<body>
    <header>
        <img src="C:\Users\Thulani\Documents\UoK\Levels\L3\S5\BECS 31233 - Web and Internet Technologies\Assignments\EC-2020-079_Assignment03\Cover image.png" alt="Cover Image" class="cover-image">
<h3>
Welcome to My Personal Blog...
</h3>
<p align ="center">What's inside my Blog Page
<br>
<ul>
<li><a href="#introduction">Introduction</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#interests"> Interests</a></li>
<li><a href="#goals"> Determining my Goals</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#talents"> Talents</a></li>
<li><a href="#contact"> Contact Me</a></li>
</ul>
</p>
    </header>

    <section id="introduction">
        <h2>Introduction</h2>
        <p align="center">Welcome to my blog! Here, you'll find insights into my life, my interests, and my work. Enjoy your stay!</p>
    </section>

    <section id="about">
        <h2>About Me</h2>
        <p align = "justify">Hi, I am <b>Thulani Magedara</b>, a Level 3 undergraduate at University of Kelaniya, Sri Lanka with a deep passion for <b>Web Development</b>. Over the years, I've dedicated myself to exploring the Software field. Outside of work, I love <i>public speaking, music, swimming, and volunteering</i>, which keep me grounded and inspired. This blog is a space where I can share my journey, connect with like-minded individuals, and hopefully inspire others. Thanks for stopping by!</p>
    </section>

    <section id="interests">
        <h2>Interests</h2>
<p align = "justify">Here, I delve into a colorful tapestry of interests that define who I am. From the adrenaline rush of  <b>public speaking</b> to the soul-stirring melodies of <b>singing</b>, and the exhilarating moments on the field during <b>sports activities</b>, each passion brings its unique thrill and challenge.
<br>
Beyond these personal pursuits, I find immense joy in giving back to my community through <b>volunteering</b> at various clubs and societies within my university. These experiences not only enrich my life but also shape my perspective on the world around me.
<br>
Join me as I share stories, insights, and reflections on navigating through these diverse passions and the meaningful connections they foster. Let's embark on this journey together, where every moment is an opportunity to learn, grow, and inspire.

</p>
    </section>
    <section id="goals">
    <h2>Determining My Goals</h2>
    <p>In the ever-evolving software industry, setting clear and achievable goals is essential for continuous growth and success. Here are some of the goals I aim to achieve:</p>
    <ul>
        <li><i class="fas fa-lightbulb">&nbsp;</i><strong>Mastering New Technologies:</strong> Continuously learn and become proficient in emerging technologies and programming languages to stay ahead in the industry.</li><br><br>
                <li><i class="fas fa-lightbulb">&nbsp;</i><strong>Contributing to Open Source:</strong> Actively participate in open-source projects to give back to the community, improve my skills, and collaborate with other developers.</li>
<br><br>
        <li><i class="fas fa-lightbulb">&nbsp;</i><strong>Enhancing Problem-Solving Skills:</strong> Sharpen my analytical and problem-solving abilities by tackling complex software engineering challenges.</li>
       <br><br> <li><i class="fas fa-lightbulb">&nbsp;</i><strong>Achieving Professional Certifications:</strong> Obtain industry-recognized certifications, such as AWS Certified Solutions Architect, Microsoft Certified Azure Developer, or Certified ScrumMaster (CSM), to validate my expertise.</li>
      <br>  <br><li><i class="fas fa-lightbulb">&nbsp;</i><strong>Leading Projects:</strong> Take on leadership roles in software development projects, guiding teams to deliver projects on time and within budget successfully.</li>
        <br>   <br>     <li><i class="fas fa-lightbulb">&nbsp;</i><strong>Networking and Mentorship:</strong> Build a strong professional network and mentor aspiring software developers to foster a supportive and collaborative community.</li>
                   </ul>
</section>

    <section id="work">
        <h2>Work</h2>
<div class="box-container">
<div class="box">
<img src="C:\Users\Thulani\Documents\UoK\Levels\L3\S5\BECS 31233 - Web and Internet Technologies\Assignments\EC-2020-079_Assignment03\medical.jpg" width="200" height ="100">
<h3>Online Medical Certificate</h3><h4> Hospital Management System</h4>
<p>Developing a C-based online system to streamline medical report requests, offering user-selected formats and hospital registration.
 </p>
</div>
<div class="box">
<img src="C:\Users\Thulani\Documents\UoK\Levels\L3\S5\BECS 31233 - Web and Internet Technologies\Assignments\EC-2020-079_Assignment03\chatbot.png" width="200" height="100">
<h3>Chatbot</h3><h4>Public Transportation System</h4>
<p> Developing a Java-based online system to create a user-friendly environment to get information about the public Bus and Train service. </p>
</div>
</div>
           </section>


    <section id="talents">
        <h2>Talents</h2>
<div class="box-container">
<div class="box">
<i class="fas fa-code"></i>
<h3>Web Development</h3>
<p>Web development is where I combine technical skills with creativity. I specialize in building responsive and user-friendly websites using HTML, CSS, and JavaScript. </p>
</div>
<div class="box">
<i class="fas fa-microchip"></i>
<h3>PCB Designing</h3>
<p>PCB designing is my expertise in transforming concepts into functional electronic circuits by using Proteus 8 and EasyEDA. I enjoy the precision of layout design and optimizing performance.</p>
</div>
<div class="box">
<i class="fas fa-paint-brush"></i>
<h3>UI/UX</h3>
<p>UI/UX designing is my passion for crafting intuitive and aesthetically pleasing digital interfaces. I focus on user research, wireframing, and prototyping to create seamless user experiences using Figma. My goal is to blend usability with visual appeal to enhance user satisfaction.</p>
</div>
<div class="box">
<i class="fas fa-pencil-ruler"></i>
<h3>Graphic Designing</h3>
<p>Graphic designing allows me to visually communicate ideas and messages through creative artwork. I specialize in branding, illustration, and layout design. From logos to marketing materials, I strive to create impactful visuals that resonate with audiences.</p>
</div>
<div class="box">
<i class="fas fa-pencil-alt"></i>
<h3>Content Creation</h3>
<p>Content creation is where I excel in storytelling and engaging audiences through various mediums. Whether it's writing compelling articles, producing informative videos, or managing social media content, I aim to inform, inspire, and entertain with every piece I create.</p>
</div>

</div>
    </section>
    <section id="contact">
        <h2>Contact Me</h2>
        <p><center>You can reach me : <i> <b>thulanimagedara@gmail.com </i> </b></p>
        <p>Follow me on:</p>
        <ul>
            <li><a href="https://www.facebook.com/thulani.magedara?mibextid=ZbWKwL"><img src="C:\Users\Thulani\Documents\UoK\Levels\L3\S5\BECS 31233 - Web and Internet Technologies\Assignments\EC-2020-079_Assignment03\fb.png" width=50 height=50></a></li>
            <li><a href="https://www.instagram.com/thulani_magedara?igsh=MTQ5ZDlleGozOWI0eg=="><img src="C:\Users\Thulani\Documents\UoK\Levels\L3\S5\BECS 31233 - Web and Internet Technologies\Assignments\EC-2020-079_Assignment03\insta.png" width = 50 height =50></a></li>
            <li><a href="https://www.linkedin.com/in/thulani-magedara-99868724b?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><img src="C:\Users\Thulani\Documents\UoK\Levels\L3\S5\BECS 31233 - Web and Internet Technologies\Assignments\EC-2020-079_Assignment03\linkedin.png" width = "50" height="50"></a></li>
            <li><a href="https://github.com/ttmagedara2001"><img src="C:\Users\Thulani\Documents\UoK\Levels\L3\S5\BECS 31233 - Web and Internet Technologies\Assignments\EC-2020-079_Assignment03\git.png" width=50 height =50></a></li>
        </ul></center>
    </section>
<footer>
        <p>&copy; Thulani Magedara <br><small>All rights reserved.</small></p>
        <p><a href="#top"> Back to Top </a></p>
    </footer>
</body>
</html>