-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (131 loc) · 6.9 KB
/
index.html
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
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header class="header">
<a href="#home" class="logo">Lumansi <br> <span>Owen Micheal</span></a>
<i class='bx bx-menu' id="menu-icon"></i>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#education" class="active">Education</a>
<a href="#services" class="active">Services</a>
</nav>
</header>
<section class="home" id="home">
<div class="home-content">
<h1>Hi, It's <span>Owen</span></h1>
<h3 class="text-animation">I'm a passionate <span></span></h3>
<p>with a knack for bringing creative visions to life. Whether I'm crafting stunning visuals, building sleek websites, or curating compelling content, I thrive on transforming ideas into captivating digital experiences. Let's create something amazing together!</p>
<div class="social-icons">
<a href="https://www.facebook.com/profile.php?id=100070365950029&mibextid=LQQJ4d"><i class='bx bxl-facebook'></i></a>
<a href="https://www.instagram.com/invites/contact/?igsh=1dvu8lcw1mcai&utm_content=o6jishs"><i class='bx bxl-instagram'></i></a>
<a href="https://www.tiktok.com/@promedia652"><i class='bx bxl-tiktok'></i></a>
<a href="https://[email protected]"><i class='bx bxl-gmail'></i></a>
</div>
<div class="btn-group">
<a href="https://[email protected]" class="btn">Hire Me</a>
<a href="https://[email protected]" class="btn">Contact Me</a>
</div>
</div>
<div class="home-img">
<img src="image/DSC_9245.JPG">
</div>
</section>
<section class="education" id="education">
<h2 class="heading">Education</h2>
<div class="timeline-items">
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2017</div>
<div class="timeline-content">
<h3>High School</h3>
<p>In high school, I discovered my love for technology and design, diving into computer and art projects. This early passion set the stage with the love of working around creativity and all the processes involved in the step by step journey to greatness.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2020</div>
<div class="timeline-content">
<h3>More Education</h3>
<p> During my time between the university i also made some courses online just to stay to stay updated with industry trends and technologies, highlighting my commitment to continuous learning.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2020</div>
<div class="timeline-content">
<h3>University</h3>
<p>I then pursued a degree in Multimedia. At ISBAT University</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-dot"></div>
<div class="timeline-date">2023-Now</div>
<div class="timeline-content">
<h3>University</h3>
<p>I'm currently pursuing a degree in IT at university. While focused on my studies, I'm open to work opportunities to apply my skills and gain real-world experience. Let's connect!</p>
</div>
</div>
</div>
</section>
<section class="services" id="services">
<h2 class="heading">Services</h2>
<div class="service-box">
<div class="service-info">
<h4>Graphics Design</h4>
<p>I create visually stunning designs that capture attention and convey messages effectively. Using tools like Adobe Creative Suite, I blend creativity with technical skill to produce logos, brochures, and digital content that stand out.</p>
</div>
</div>
<div class="service-box">
<div class="service-info">
<h4>Content Management</h4>
<p>I expertly manage and curate digital content to engage audiences and drive traffic. With experience in CMS platforms like WordPress, I ensure content is well-organized, SEO-friendly, and aligned with brand messaging.</p>
</div>
</div>
<div class="service-box">
<div class="service-info">
<h4>Web Development</h4>
<p>I build responsive websites that offer seamless user experiences. Proficient in HTML, CSS, JavaScript and wordpress, I ensure every site is optimized for performance and usability.</p>
</div>
</div>
<div class="service-box">
<div class="service-info">
<h4>Video Editing</h4>
<p> I craft compelling videos that tell powerful stories and engage viewers. Using software like Adobe Premiere Pro and cap cut, I handle everything from cutting and editing to adding effects and sound, delivering polished final products.</p>
</div>
</div>
</section>
<footer class="footer">
<div class="social">
<a href="https://www.facebook.com/profile.php?id=100070365950029&mibextid=LQQJ4d"><i class='bx bxl-facebook'></i></a>
<a href="https://www.instagram.com/invites/contact/?igsh=1dvu8lcw1mcai&utm_content=o6jishs"><i class='bx bxl-instagram'></i></a>
<a href="https://www.tiktok.com/@promedia652"><i class='bx bxl-tiktok'></i></a>
<a href="https://[email protected]"><i class='bx bxl-gmail'></i></a>
</div>
<ul class="list">
<li>
<a href="#">FAQ</a>
</li>
<li>
<a href="#services">Services</a>
</li>
<li>
<a href="#">About Me</a>
</li>
<li>
<a href="https://[email protected]">Contact</a>
</li>
</ul>
<p class="copyright">
[email protected] | All Rights Reserved
</p>
</footer>
<script src="functon.js"></script>
</body>
</html>