-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (76 loc) · 3.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>My personal home page</title>
</head>
<body>
<header class="c-site-header">
<div class="container">
<nav aria-label="Main Site Links.">
<ul class="nav-links">
<li><a href="home">Home</a></li>
<li><a href="#aboutme">About Me</a></li>
</ul>
</div>
</nav>
<a href="#project" class="pjt"><button>Project</button></a>
</header>
<main>
<h1>Salut! Hello! I'm Patou Mabando, a Future Professional Software Developer</h1>
<div class="box_banner">
<div class="banner">
<h2><i>It's never too late to be what you might have been. (Mary-Anne Evans)</i></h2>
</div>
<div class="img">
<img class="img_banner" alt="Never too late" src="https://i.pinimg.com/564x/d8/50/21/d850213e2eea693b92475132efa13504.jpg">
</div>
</div>
<!-- about me -->
<section id="aboutme">
<h3>ABOUT ME</h3>
<div class="fieldset">
<fieldset>
<p>I am a multi-skill person with a great passion of tech and helping people.
hard worker, adaptable, self-motivate person, a open mind person who welcome the chance to obtain new skills,I like tech and have a great passion to help people.</p>
<p>Refugee in South Africa 2014,my passion to help people lead me to work as a volunteer C.A.T(community action team) at Sonke Gender Justice to prevent domestic and sexual violence, reduce the spread and impact of HIV and AIDS and promote gender equality and human rights in my community.
</p>
<p>Unemployed struggling to get a job of my qualification and limit other site to do public work in my community because of the pandemic, i discovered CodeYourFutur via social media and I fall in love with coding, like a sun rising <span>Code your Future</span> bring light into my heart to change career as a Professional Software Developer to support my family and continue to help my community by keeping them safe physicaly, emotionally and financially with this new tool(Coding).</p>
</fieldset>
</div>
<div class="box_video">
<div class="video">
<iframe class="box_ifram" src="https://www.youtube.com/embed/LpQUHt2N6rY" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="text_box">
<span> Like a sun rising, Code your Future bring light of hope into my heart to change my career as a Web Developer</span>
</div>
</div>
</section>
<!-- End about me -->
<!-- Project -->
<section id="project">
<h3>PROJECT</h3>
<p>My project with CYF block: Don't go higher than 11!</p>
<div class="roll">
<p>So far you have rolled:</p>
<ul id="list"></ul>
<button id="button_roll">Roll the dice</button>
<p>Total: <span id="total">0</span>. <span id="info">Keep playing!</span></p>
<button id="button_remove">Remove the last roll</button>
<button id="button_restart">Start again</button>
</div>
</section>
<!-- End Project -->
</main>
<!-- Footer -->
<footer class="c-site-footer">
<p><strong>"By @ Malongi Mabando May 2022"</strong></p>
</footer>
<!-- End Footer -->
<script src="app.js"></script>
</body>
</html>