forked from CodeYourFuture/HTML-CSS-Coursework-Week1
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
90 lines (78 loc) · 6.16 KB
/
index.html
File metadata and controls
90 lines (78 loc) · 6.16 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<link rel="stylesheet" href="css/style.css" />
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<header class="header">
<div class="mh">
<div class="text">
<h1 id="h1">How to protect yourself from impostor syndrome?
</div>
<img src="https://acegif.com/wp-content/uploads/gif/thinking-emoji-39.gif" width="900px" height="100%" />
</h1>
</div>
</header>
<article>
<main>
<div class="section1">
<div class="text">
<h2>1.Make a tack schedule</h2>
<p>
Taking <a href="https://www.instagram.com/" target="_blank" class="color-of-link"> шось важне </a>into account the indicators of success, the further development of various forms of activity predetermines the high demand for new principles of forming the material, technical and personnel base. The opposite point of view implies that interactive prototypes have been subjected to a whole series of independent studies. Taking into account the indicators of success, social and economic development represents an interesting experiment of testing new proposals. Only interactive prototypes illuminate extremely interesting features of the picture as a whole, however, specific conclusions are, of course, considered exclusively in the context of marketing and financial prerequisites. Just as perspective planning, in its classical presentation, allows the introduction of appropriate activation conditions! Being only a part of the overall picture, the basic scenarios of user behavior are limited exclusively by the image of thinking. Ideological considerations of the highest order, as well as modern development methodology, are perfectly suited to the implementation of the strengthening of moral values.
</div>
<img src="Screenshot_3.png" alt="Exel-photo" width="600px" height="100%" />
</p>
</div>
</article>
<article>
<div class="section2">
<div class="text">
<h2>2.Make map of goal </h2>
<p>
Taking <a href="https://www.instagram.com/" target="_blank" class="color-of-link"> шось важне</a>into account the indicators of success, the further development of various forms of activity predetermines the high demand for new principles of forming the material, technical and personnel base. The opposite point of view implies that interactive prototypes have been subjected to a whole series of independent studies. Taking into account the indicators of success, social and economic development represents an interesting experiment of testing new proposals. Only interactive prototypes illuminate extremely interesting features of the picture as a whole, however, specific conclusions are, of course, considered exclusively in the context of marketing and financial prerequisites. Just as perspective planning, in its classical presentation, allows the introduction of appropriate activation conditions! Being only a part of the overall picture, the basic scenarios of user behavior are limited exclusively by the image of thinking. Ideological considerations of the highest order, as well as modern development methodology, are perfectly suited to the implementation of the strengthening of moral values.
</div>
<img src="goal-setting-mind-map.png" alt="map" width="600px" height="100%"/>
</p>
</div>
</article>
<article>
<div class="section3">
<div class="text">
<h2>3.Meditation </h2>
<p>
Taking <a href="https://www.instagram.com/" target="_blank" class="color-of-link"> шось важне </a>into account the indicators of success, the further development of various forms of activity predetermines the high demand for new principles of forming the material, technical and personnel base. The opposite point of view implies that interactive prototypes have been subjected to a whole series of independent studies. Taking into account the indicators of success, social and economic development represents an interesting experiment of testing new proposals. Only interactive prototypes illuminate extremely interesting features of the picture as a whole, however, specific conclusions are, of course, considered exclusively in the context of marketing and financial prerequisites. Just as perspective planning, in its classical presentation, allows the introduction of appropriate activation conditions! Being only a part of the overall picture, the basic scenarios of user behavior are limited exclusively by the image of thinking. Ideological considerations of the highest order, as well as modern development methodology, are perfectly suited to the implementation of the strengthening of moral values.
</div>
<img src="https://formnutrition.com/wp-content/uploads/2021/05/AdobeStock_268964748.jpeg" alt="meditation" width="600px" height="100%"/>
</p>
</div>
</article>
<aside>
<ul>
<li>Here a linck to<a href="https://applieddigitalskills.withgoogle.com/c/middle-and-high-school/en/create-a-study-schedule-to-meet-your-goals/overview.html" target="_blank" class="color-of-link"> EXCEL </a>sheets.</li>
<li>Kjhie sjs ijv ieruf sfs.</li>
<li>J odvj uej djdj.</li>
</ul>
</aside>
</main>
<footer>
<h5>About</h5>
<h6>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis enim lectus, euismod sit amet risus sed, tempus vulputate enim. Aenean fringilla commodo finibus. Nam vitae aliquam risus. Curabitur fringilla leo ullamcorper nisi semper ultricies. Nam sapien est, ultrices a suscipit vel, egestas a lorem. Aenean eget sagittis elit, quis luctus urna. Ut a magna sit amet magna vulputate imperdiet.</h6>
</footer>
</body>
</html>