-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (108 loc) · 7.53 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta tags for basic page information -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="LM-Profile">
<meta property="og:description" content="Welcome!">
<meta property="og:image" content="assets/images/leo-x2.svg">
<meta property="og:image:alt" content="my logo">
<meta property="og:url" content="https://lenadlm.github.io/index.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="lenadlm">
<meta property="og:locale" content="en_US">
<title>LM-Profile</title>
<!-- External Fonts and Bootstrap CSS -->
<link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway|Inconsolata&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Fontawesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0-beta3/css/all.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
<!-- Favicon and other icons -->
<link rel="icon" type="image/x-icon" href="assets/favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
<link rel="manifest" href="assets/favicon/site.webmanifest">
</head>
<body style="background-image: url('assets/images/bg2-dark.png'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; overflow-x: hidden;">
<!-- Navigation Section -->
<nav class="navbar navbar-expand-lg bg-navbar sticky-top">
<div class="container-fluid" id="home">
<a class="navbar-brand" href="#home">
<img src="assets/images/leo-x640r.png"></a>
<a href="#home" class="btn btn-outline-light me-2">Home</a>
<a href="projects.html" class="btn btn-outline-light me-2">Projects</a>
<span class="time ms-auto">00:00 AM</span>
</div>
</nav>
<!-- Main Content Sections -->
<div class="container-fluid text-center my-custom">
<div class="row">
<div class="col-md-4 offset-md-6">
<img src="assets/images/profile.jpg" class="img-fluid rounded-circle profile-image">
<h1 class="display-6">Leonard Mbelle</h1>
<hr class="border-3 opacity-75">
<p class="font-rlw">Web Development<br> & Design.</p>
</div>
</div>
</div>
<!-- About Section -->
<div class="container-fluid my-5 bg-opacity" id="about">
<div class="col-10 mx-auto p-5 slide-in-right">
<p class="lead">I'm a logistics pro who loves dabbling into web development and design. When I'm not making sure boxes get from point A to point B without a hitch, you will find me busy coding and creating snazzy websites. I enjoy combining logistics with tech, bringing a bit of fun to the mix. I love challenges and am always learning something new. Join me as I turn everyday tasks into something more enjoyable!</p><br>
<p class="lead">Languages & Skills</p>
<!-- Language Badges -->
<ul class="badge-list">
<li><a href=" " target="_blank"><img src="https://cdn.simpleicons.org/html5/e34f26" alt="html"><span>HTML5</span></a></li>
<li><a href=" " target="_blank"><img src="https://cdn.simpleicons.org/css3/1572b6" alt="css"><span>CSS3</span></a></li>
<li><a href=" " target="_blank"><img src="https://cdn.simpleicons.org/javascript/f7df1e" alt="javascript"><span>JavaScript</span></a></li>
<li><a href=" " target="_blank"><img src="https://cdn.simpleicons.org/python/3776ab" alt="python"><span>Python</span></a></li>
<li><a href=" " target="_blank"><img src="https://cdn.simpleicons.org/sqlite/003b57" alt="sqlite"><span>SQLite</span></a></li>
<li><a href=" " target="_blank"><img src="https://cdn.simpleicons.org/git/f05032" alt="git"><span>Git</span></a></li>
<li><a href=" " target="_blank"><img src="https://cdn.simpleicons.org/linux/fcc624" alt="linux"><span>Linux</span></a></li>
</ul>
</div>
</div>
<!-- GitHub Stats Section -->
<div class="container-fluid my-5 bg-opacity" id="gitstats">
<div class="col-10 mx-auto p-5 slide-in-right">
<p class="lead">My GitHub Stats</p>
<div class="overflow-x-auto">
<img src="https://github-readme-stats.vercel.app/api?username=lenadlm&include_all_commits=true&count_private=true&show_icons=true&&bg_color=00000000&hide_border=true&theme=blue_navy" alt="My GitHub Stats">
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=lenadlm&langs_count=5&layout=compact&bg_color=00000000&hide_border=true&theme=blue_navy" alt="Top Languages"><br>
<img src="https://github-profile-trophy.vercel.app/?username=lenadlm&theme=matrix&no-bg=false&no_frame=true&row=2" alt="My Trophies"><br>
</div>
</div>
</div>
<!-- Footer Section -->
<div class="container-fluid contact-section" id="contact">
<div class="text-center p-5">
<p class="lead">Keep in touch!</p>
<footer class="footer">
<ul class="badge-list-footer">
<li><a href="https://github.com/lenadlm" target="_blank"><i class="fa-brands fa-github fa-3x"></i></a></li>
<li><a href="https://twitter.com/intent/follow?screen_name=lenadlm" target="_blank"><i class="fa-brands fa-x-twitter fa-3x"></i></a></li>
<li><a href="https://www.linkedin.com/in/lenadlm/" target="_blank"><i class="fa-brands fa-linkedin-in fa-3x"></i></a></li>
<li><a href="mailto:"><i class="fa-regular fa-envelope fa-3x"></i></a></li>
<li><a href="https://dev.to/lenadlm" target="_blank"><i class="fa-brands fa-dev fa-3x"></i></a></li>
</ul>
<div class="d-flex justify-content-center align-items-end mt-auto">
<a href="https://hits.seeyoufarm.com" target="_blank">
<img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Flenadlm%2F&count_bg=%2379C83D&title_bg=%23555555&icon=github.svg&icon_color=%23E7E7E7&title=hits&edge_flat=true" alt="Hits Badge"/>
</a>
<a class="copyrighted-badge" title="Copyrighted.com Registered" target="_blank" href="https://app.copyrighted.com/website/pGjsqkaxdMeKesUC">
<img alt="Copyrighted.com Registered" border="0" width="125" height="20" srcset="https://static.copyrighted.com/badges/125x25/01_2_2x.png 2x" src="https://static.copyrighted.com/badges/125x25/01_2.png"/>
</a>
</div>
</footer>
</div>
</div>
<!-- External JS and Bootstrap Bundle -->
<script src="assets/js/script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/24802e7524.js" crossorigin="anonymous"></script>
<script src="https://static.copyrighted.com/badges/helper.js"></script>
</body>
</html>