-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (72 loc) · 3.74 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
<html>
<head>
<title>My website</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body class ="body">
<div id="content">
<header class="header">Coodingbee</header>
<main class="main" alig>
<img src="images/cats.jpeg" width="100%" height="50%">
<h3>About me:</h3>
<p class="para">My name is Bahja (Coding bee in the coding world), I live in London, and I am aspiring to become a
Software Engineer.
I have two family cats, I've added a photo of them on them above.
I love movies! A hobby of mine is to watch movies, films and tv series.
The main platform I use to watch movies is Netflix. I also use Disney+ to watch movies. Disney plus is my go-to place for marvel movies :)
I'm would call myself a Marvel fan.
I have listed my top 5 marvel movies below. Have a read :)</p>
<h3>Why Software Engineering:</h3>
<p class="para">I want to become a Software Engineer because I want to build software for a living, software that would be used to make a change in people’s lives.
For the past couple of months, I have been working on my coding skills building websites like this one!
I’ve worked on my HTML, CSS and JavaScript making me comfortable enough to programme small projects from scratch.
I am not great at this however I am determined to learn and grow from here.
I‘ve used my website to showcase some of my work and also to introduce myself and what I like!</p>
</main>
<div>
<h2 class="quote">"I don't know if you've been in a fight before,
but there's not usually this much talking.
- Captain America: Civil War."</h2>
<ol>
<h3>My favourite marvel movies:</h3>
<li>Guardians of the Galaxy (2014)</li>
<li>Spider-man No Way Home (2021)</li>
<li>Avengers: Endgame (2019)</li>
<li>Avengers: Infinity War (2018)</li>
<li>Doctor Strange in the Multiverse of Madness (2022)</li>
</ol>
<a href="https://www.imdb.com/list/ls029217360/">Click here to check out the latest movies :)</a>
</div>
<div>
<aside class="aside">Follow me on social media:</aside>
<a href="https://github.com/bajii2020">
<button class="button">My GitHub</button>
</a>
<a href="https://www.codewars.com/users/bajii2018">
<button class="button">My Codwars</button>
</a>
<a href="https://www.linkedin.com/in/bahja-a-8b76b6166/">
<button class="button">My LinkedIn</button>
</a>
</div>
<section class="section">
<form id="userForm">
<label for="email">*Email:</label><br>
<input type="text" id="userEmail" name="email" style="border:solid 2px black" placeholder="[email protected]..."><br>
<br>
<label for="fullname">*Full Name:</label><br>
<input type="text" id="userName" name="fullname" style="border:solid 2px black" placeholder="Full Name..."><br>
<br>
<label for="comment">*Add comment:</label><br>
<textarea id="comment" rows="10" cols="70" style="border:solid 2px black" name="comment" placeholder="Type here..."></textarea>
<span id="char_count">140/140</span>
<input id = "submit" onclick="myFunction()" type="submit" value="submit">
</form>
<h5>Comments:</h5>
<p id="data"></p>
</section>
<footer class="footer">Copyright Bahja 2022</footer>
<script src="script.js"></script>
</body>
</html>