week3final/index.html at main · Joemwa/week3final · GitHub

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


<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css'><link rel="stylesheet" href="./style.css">


<nav id="navbar">
  <a href="#welcome-section">welcome section</a>
  <a href="#projects">Projects</a>
  <a href="#social">Social</a>
</nav>

<header id="welcome-section">

  <h1>Hello!</h1>

  <p>My name is Joseph Mwanza</p>-
  <p>And I am a Web Developer</p>
  </div>
</header>

<section id="projects">
  <h2>Projects I have worked on include</h2>
  <div class="projects-container">

    <a href="https://codepen.io/Joe79/pen/qBxQMOB" target="_blank" class="project-tile"><img src="https://images.unsplash.com/photo-1558864255-eced94afc9ec?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1172&q=80" alt="Random Picture"><p>Tribute Page</p></a>

  <a href="https://codepen.io/Joe79/pen/XWZJYqw?editors=1100" target="_blank" class="project-tile"><img src="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80" alt="Delicious dish"><p>Product Landing Page</p></a>

  <a href="https://codepen.io/Joe79/pen/WNMvVQq" target="_blank" class="project-tile"><img src="https://images.unsplash.com/photo-1579444741963-5ae219cfe27c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" alt="Random Picture"><p>Survey Form</p></a>

  <a href="https://codepen.io/Joe79/pen/PoQZzOK" target="_blank" class="project-tile"><img src="https://images.unsplash.com/photo-1509475826633-fed577a2c71b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1171&q=80" alt="Random Picture"><p>Technical Doc Page</p></a>

  <a href="https://codepen.io/Joe79/pen/poaKJjp" target="_blank" class="project-tile"><img src="https://images.unsplash.com/photo-1499750310107-5fef28a66643?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" alt="Random Picture"><p>Personal Home Page</p></a>

    <a href="https://codepen.io/Joe79/pen/XWZbwqy" target="_blank" class="project-tile"><img src="https://images.unsplash.com/photo-1422246358533-95dcd3d48961?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" alt="Random Picture"><p>Work in progress</p></a>
  </div>

</section>
<div id="first_work">
  <p><button id="button">Random</button>
    Facilitator: <span id="facilitator"></span></p>
    <p><button id="add">Add Facilitator</button>
    <input id="input" type="text"></input></p>

</div>
<br>
<br>
<div id="second_work">
  <p><h2 style="color: #551400">Things to do this summer:</h2></p>

  <input id="checkbox" type="checkbox" value="Play football"></input>
  <label for="checkbox" id="play"> Play football </label>
  <br>
  <br>
  <input id="win" type="checkbox" value="Win chess tournament"></input> <label for="chess" id="tourn"> Win chess tournament </label>
  <br>
  <br>
  <input id="attend" type="checkbox" value="Attend Edinburgh Festival"></input> <label for="attend" id="edin"> Attend Edinburgh Festival </label>
  <br>
  <br>
  <input id="visit" type="checkbox" value="Visit strathclyde country park"></input> <label for="visit" id="strath"> Visit Strathclyde Country Park </label>
  <br>
  <br>
  <input id="climb" type="checkbox" value="Climb Mt Everest"></input> <label for="climb" id="mount"> Climb Mt Everest </label>
  <br>

</div>
<br>
<br>
<div>
  <label id="textarea"> <b>Feedback:</b> </label>
  <br>
  <br>
  <textarea id="textarea" placeholder="please leave some feedback"name="instructions" rows="5" cols="40"> </textarea>
  <br>
  <br>
  <input id="submit" type="submit" value="Submit Form" class="submit-button"></input>

  <br>
  <br>

</div>
<section id="social" class="bg-pinkish">
  <h2>Social Media</h2>
  <p>You can find me on</p>
  <ul class="social-ul">
    <li><a id="profile-link" href="https://github.com/florinpop1705" target="_blank"><i class="fab fa-github"></i></a></li>
    <li><a href="https://www.youtube.com/channel/UCyvleHu3ysiHR7VwZdfL4xw" target="_blank"><i class="fab fa-youtube"></i></a></li>
    <li><a href="https://www.linkedin.com/in/joseph-mwanza-50079754/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
    <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
    <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook"></i></a></li>
  </ul>
</section>

<footer>Made with <i class="fas fa-heart"></i> by Joseph Mwanza
</footer>

<link rel="stylesheet" href="style.css">
<script src="script.js"></script>