-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathactivities.html
124 lines (120 loc) · 6.11 KB
/
activities.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
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/0874620dbd.js" crossorigin="anonymous"></script>
<title>fath Activities</title>
</head>
<body>
<header id="header">
<a href="index.html" class="logo"><strong>Portfolio</strong><span class="my_name"> BY Fath Ellah
Yousfi</span></a>
<nav id="nav">
<a href="index.html">Home</a>
<a href="activities.html">My Activities</a>
<a href="about.html">About</a>
<a href="index.html#footer">contact</a>
</nav>
<!--this is menu berger-->
<div id="menuToggle" class="navigation">
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul id="menu">
<a href="index.html">
<li>Home</li>
</a>
<a href="activities.html">
<li>My Activities</li>
</a>
<a href="about.html">
<li>About</li>
</a>
<a href="#footer">
<li>Contact</li>
</a>
</ul>
</div>
</header>
<!--*****************************************************-->
<div class="container" style="margin: auto;">
<div class="mu-title"><span class="mu-subtitle">Discover</span>
<h2>MY Activities</h2>
</div>
<!--the flex box-->
<div class="abouts_main">
<div><img class="activities_image" src="images/about-me.png" alt="website template image">
</div>
<div class="activ_article">
<p>The personality is the typical pattern of thinking, feeling, and behaviors that make
a person unique.
When we say that someone has a "good personality" we mean that they are likeable,
interesting and pleasant to be with. ...
To that end, having a good personality is vital - probably even more so than
good looks.</p>
<br><h2>HERE ARE SOME OF MY HABBITS ↓</h2>
<pre>
<ul class="activ_ul">
<li>Adaptability and compatibility are great traits that can help you get along with others.</li>
<li>Being honest and taking responsibility for your actions are admirable qualities.</li>
<li>Being there for ur friend who is in need a freind in need a friend indeed.</li>
<li>Drive and determination will help you keep going no matter what.</li>
<li>Courage will help you do what's right in tough situations.</li>
</ul>
</pre>
<h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque similique molestias est
quod reprehenderit, quibusdam nam qui, quam magnam.</h3>
</div>
</div>
<div>
<div id="fails" class="activ_article">
<h1 class="mu-title">MY FAILS</h1>
<p>The personality is the typical pattern of thinking, feeling, and behaviors that make a person unique.
When we say that someone has a "good personality" we mean that they are likeable, interesting and pleasant to be with. ...
To that end, having a good personality is vital - probably even more so than good looks.</p>
<pre>
<ul class="activ_ul">
<li>The answer lies in preventing failures not in looking for better ways to fix the children who are failing.</li>
<li>You don't go into anything contemplating failure, because if you did, you wouldn't make it. </li>
<li>The secret to failing isn't failing; the secret to failing is failing forward.</li>
<li>Failing is what we do, or stumbling is what we do on a daily basis.</li>
<li>You have to stop yourself from even thinking about failing.</li>
<li>Failing isn't bad when you learn what not to do.</li>
<li>Failing to plan is planning to fail.</li>
</ul>
</pre>
<h3>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque similique molestias est
quod reprehenderit, quibusdam nam qui, quam magnam."</h3>
</div>
<div id="wins" class="activ_article">
<h1 class="mu-title">MY WINS</h1>
<p>
It's not about winning or losing a competition.
It's about beating the doubt within yourself and knowing that each day you are one step closer to your goals.
-Jonathon Horton</p>
<pre>
<ul class="activ_ul">
<br><li>About Winning</li>
<li>Winning is all in the attitude!</li>
<li>Winning means being unafraid to lose.</li>
<li>Winning is the science of being totally prepared.</li>
<li>If winning isn't everything, why do they keep score</li>
<li>When it comes to winning, you need the skill and the will.</li>
<li>Winning is nice if you don't lose your integrity in the process.</li>
</ul>
</pre>
<h3>"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque similique molestias est
quod reprehenderit, quibusdam nam qui, quam magnam."</h3>
</div>
</div>
</div>
<div class="copyright" style="text-align: center;background-color: rgba(224, 224, 224, 0.94);padding: 15px;z-index:9999">
©2020 Fey LTD. <a href="index.html#footer" style="cursor: pointer; color: blue;">contact me</a><a
onclick="alert('this page is under construction')" style="cursor: pointer; color: blue;">Terms &
Conditions</a>
</div>
</body>
</html>