-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (79 loc) · 3.86 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Brian Mutai Mutuma Portfolio</title>
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script> document.addEventListener('DOMContentLoaded', function () {
var swipers = document.querySelectorAll('.swiper-container');
swipers.forEach(function (swiper) {
new Swiper(swiper, {
loop: true,
slidesPerView: 1,
spaceBetween: 20,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
},
});
});
});
</script>
</head>
<body>
<header>
<div class="profile-img-container">
<img class="profile-img" src="Pic.jpg" alt="Profile Picture">
</div>
<h1>
<span style="color: white; text-align: left; float: left;">"Dream it. Build It"</span>
<span style="text-align:bottom;color: silver; font-size: 20px; float: right;">Game Dev, Designer | Software Developer </span>
<span style="float: right;">I'm Brian Mutuma </span>
<span style="color: yellow; float: right;">Hello!!  </span>
</h1>
</header>
<nav>
<a href="index.html">Brian Mutuma</a>
<a href="games.html">Games</a>
<a href="android.html">Android</a>
<a href="ios.html">iOS</a>
<a href="contact.html">Contact</a>
</nav>
<video autoplay loop muted>
<source src="Video gameplay.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<main style="background-color: rgba(0, 0, 0, 0.5); color: white; padding-left: 130px; padding-right: 130px;">
<p style="text-align: center; color: yellow; font-size: 20px; margin-top:0px; ">ABOUT ME</p>
<p>
Hi! I'm Brian Mutuma, a passionate game designer and developer. I have been making games for than 2 years now.
I have participated in the creation of captivating titles such as Daybreak Fury, TUKTUK Rage, and a few others that have left gamers at the edge of their seats.
Here you can see some of the projects I have had the privilege to participate in. I have successfully shipped several games to Google Play Store and App Store.<br><br>
I have mastered my craft with numerous game engines but mainly the two most powerful engines Unity and Unreal engines.<br><br>
With my background of a Bachelor’s degree in Computer Science, I also make mobile applications. I have been developing Android applications mainly with Kotlin and iOS applications with Flutter.
Feel free to contact me for any inquiries.
</p>
</main>
<section id="contact">
<div class="contact">
<p><a href="mailto:mutumabrian77@gmail.com"><i class="fas fa-envelope" style="color: white;"></i> </a>
<a href="tel:+254757551682"><i class="fas fa-phone" style="color: #39FF14;"></i></a>
<a href="https://www.linkedin.com/in/mutuma-brian-791228272/"><i class="fab fa-linkedin" style="color: #0077B5;"></i></a>
<a href="https://github.com/mutuma-brian"><i class="fab fa-github" style="color: black;"></i> </a>
<a href="https://twitter.com/MutumaDev"><i class="fab fa-twitter" style="color: #0096FF;"></i> </a>
</p>
</div>
</section>
<footer>
<hr>
<p>© All rights reserved 2023</p>
</footer>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
</body>
</html>