-
Notifications
You must be signed in to change notification settings - Fork 0
/
motivationalArticls.html
175 lines (174 loc) · 10.1 KB
/
motivationalArticls.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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get relax</title>
<link rel="shortcut icon" href="Pics/oz.png" type="imagr/png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="css/jsFiles/Tanger.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-sm nav1 bg-primary navbar-dark">
<img src="Pics/oz.png" alt="OZ99" class="imgLogo1">
<h1 class="navbar-brand h11 ml-3">motivation</h1>
<button class="navbar-toggler btn1" data-toggle="collapse" data-target="#navBarMenu">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse div1" id="navBarMenu">
<ul class="navbar-nav ul1 ml-auto">
<li class="nav-item li1"><a href="Tanger.html" class="nav-link lia1">Home</a></li>
<li class="nav-item li1"><a href="getRelax.html" class="nav-link lia1">Get relax</a></li>
<li class="nav-item li1"><a href="motivationalArticls.html" class="nav-link lia1">Motivational article</a></li>
<li class="nav-item li1"><a href="aboutUs.html" class="nav-link lia1">About us</a></li>
<li class="nav-item li1"><a href="contact.html" class="nav-link lia1">Contact</a></li>
</ul>
</div>
</nav>
</header>
<div class="ma-possible">
<h1 class="h1motImpossible"><span class="aniIm">Im</span>possible</h1>
<div class="star">
<img src="Pics/star1.png" alt="star1" class="star1">
</div>
<div class="star">
<img src="Pics/star2.png" alt="star1" class="star2">
</div>
<div class="star">
<img src="Pics/star3.png" alt="star1" class="star3">
</div>
<div class="star">
<img src="Pics/star4.png" alt="star1" class="star4">
</div>
<div class="star">
<img src="Pics/star5.png" alt="star1" class="star5">
</div>
</div>
<div>
<div class="rowm1 container-fluid">
<div class="col-md-12 text-center mt-3">
<h1 class="mot-wm eff1MA">What is motivation</h1>
<p class="pma mt-5 text-left eff2MA">     Motivation is the process that initiates, guides, and maintains goal-oriented behaviors.
It is what causes you to act, whether it is getting a glass of water to
reduce thirst or reading a book to gain knowledge. <br><br>      Motivation involves the biological, emotional, social,
and cognitive forces that activate behavior. In everyday usage, the term "motivation" is frequently used to describe why
a person does something. It is the driving force behind human actions. <br><br>     Motivation doesn't just refer to
the factors that activate behaviors; it also involves the factors that direct and maintain these goal-directed
actions (though such motives are rarely directly observable). As a result, we often have to infer the reasons
why people do the things that they do based on observable behaviors.
</p>
</div>
</div>
<div class="vidma1">
<div class="col-md-5">
<iframe class="mt-4 eff3MA" width="100%" height="250px" src="https://www.youtube.com/embed/668nUCeBHyY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<div class="container-fluid-ma">
<div class="divImgma">
<div class="divImgmaTxt">
<h3 class="mt-4 h3GR h3ma">Never give up !!</h3>
<p class="pma1">Here we gonna start, I'll tell you how you should think, through a lot of research that i've did. <br>
Good luck</p>
</div>
</div>
</div>
<div>
<div class="row container-fluid mt-5 divmaA">
<div class="col-md-6 mt-5 eff4MA">
<h3 class="h3ma1">How you should think</h3>
<p class="pma1">     By a lot of researches, finally i knew how peoples should think. First, you must know
that our thinking is different between me and you and all peoples, the truth is you'll never find someone think like you, there are
those who think well and there're whos think bad, and now I'll tell you how to think well, especialy how to motivate
yourself by your thinkings, watch the video if you wanna know.
</p>
</div>
<div class="col-md-4 container vidma1">
<iframe class="mt-4" width="100%" height="250px" src="https://www.youtube.com/embed/668nUCeBHyY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<hr class="hrGRma">
<div class="col-md-6 mt-5 eff5MA">
<h3 class="h3ma1">What's the things that i shouldn't be thinking about it</h3>
<p class="pma1">     Absolutely you don't need to think about bad iseas, that can make you frustrated, or can
stand like a barrier between you and your dreams, it's very important for you to know how to beat those ideas, also how to change
it from a point of weakness to a point of strength. Watch the video to see our answear about this subject.
</p>
</div>
<div class="col-md-4 container vidma1">
<iframe class="mt-4" width="100%" height="250px" src="https://www.youtube.com/embed/668nUCeBHyY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<hr class="hrGRma">
<div class="col-md-6 mt-5 eff6MA">
<h3 class="h3ma1">How to get ambition and desire</h3>
<p class="pma1">     Ambition and desire are from the important thing you should have, in addition to the motivation,
you can't achieve anything without those three things, so in this video I'll talk about more than way to get ambition, desire and motivation,
by easy ways, so let's watch the video!
</p>
</div>
<div class="col-md-4 container vidma1">
<iframe class="mt-4" width="100%" height="250px" src="https://www.youtube.com/embed/668nUCeBHyY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<hr class="hrGRma">
<div class="col-md-6 mt-5 eff8MA">
<h3 class="h3ma1">Future jobs</h3>
<p class="pma1">     This video is like a gift for you, the future jobs, if you learn those three things that you'll
hear in the video you absolutely will thank me, we talk about future jobs, about three jobs from the best jobs in the future, watch this video to know
wiche is these jobs.
</p>
</div>
<div class="col-md-4 container vidma1">
<iframe class="mt-4" width="100%" height="250px" src="https://www.youtube.com/embed/668nUCeBHyY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<!-- <div class="divEff">
<p>gmgmgmg <br> bgfhgjhgk,h <br> bfdsqflls <br> dfldfelfrgb</p>
</div> -->
<footer>
<div class="footer-top">
<div class="container">
<div class="row mt-5 fpad text-center">
<div class="col-md-4">
<h3 class="hfoot">Contact us from</h3>
<ul class="ulfoot">
<li>
<a href="https://www.facebook.com/omar.om.37454961/" target="_blank" class="afoot"><i class="fa fa-facebook-square"></i> Facebook</a>
</li>
<li>
<a href="https://www.instagram.com/omar_d_or/" target="_blank" class="afoot"><i class="fa fa-instagram"></i> Instagram</a>
</li>
<li>
<a href="#" class="afoot"><i class="fa fa-whatsapp"></i> +212625389806</a>
</li>
<li>
<a href="#" class="afoot"><i class="fa fa-envelope"></i> [email protected]</a>
</li>
</ul>
</div>
<div class="col-md-4">
<h3 class="hfoot">Programmed by</h3>
<p><i class="fa fa-code"></i> Omar Zaoujal<br>
<i class="fa fa-copyright"></i>OZ99</p>
<img src="Pics/me.jpg" alt="Omar Zaoujal" class="imgfoot">
</div>
<div class="col-md-4">
<h3 class="hfoot">Why this site</h3>
<p>This site is made to guide poeples who <br>
lost their self trust, and poeples who want to find <br>
their ambition. Our target is drive them to <br>
rise up to start again.</p>
</div>
</div>
</div>
</div>
</footer>
<script src="css/jsFiles/effect.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>