-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (144 loc) · 5.11 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
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
<!DOCTYPE html>
<html class="html-dream-big" lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./css/main.min.css" />
<title>Dream Big</title>
</head>
<body class="body-dream-big">
<!-- HEADER -->
<header class="page-header">
<div class="menu container page-header__container is-hidden">
<div class="header-wrapper">
<nav class="header-nav">
<ul class="nav-menu">
<li class="nav-menu-item">
<a
class="links link-index active"
href="./index.html"
rel="noopener noreferrer nofollow"
>
Bream Big
</a>
</li>
<li class="nav-menu-item">
<a class="links link-cv" href="./cv.html" rel="noopener noreferrer nofollow"
>My CV</a
>
</li>
</ul>
<ul class="nav-projects">
<li class="nav-projects__item">
<a
class="links link-index"
href="https://caraset.github.io/goit-team-project/"
rel="noopener noreferrer nofollow"
>
Team project #1
</a>
</li>
</ul>
</nav>
<div class="header-link-wrapper">
<span class="span-insipiration">Inspired:</span>
<a
class="links link-inspiration"
href="https://www.coursera.org/learn/financial-planning"
rel="noopener noreferrer nofollow"
>#ILLINOISFPYA</a
>
</div>
</div>
</div>
<button class="burger-btn">Menu</button>
</header>
<!-- MAIN -->
<main class="page-main">
<!-- DREAM BIG -->
<section class="dream-big sections">
<div class="container">
<h1 class="h-1">My Big Dream for 2026:</h1>
<div class="dream-big-content-wrapper">
<img
class="hero-image"
src="./images/dream-big-2.jpg"
alt="dream-big"
width="1000 auto"
/>
<ol class="value-list">
<li class="list-item">
<p>
The Laptop is my tool and God is my word (<span class="text-holy">Holy</span>
code).
</p>
</li>
<li class="list-item">
<p>
I created and helped to create 100 sites (HTML, CSS, JS) with 100,000,000 views
and 1,000,000 active users. <br />
Sites work for people even when I sleep or dead (24/7/366 with reliability 99.999%
of the time avg per year).
</p>
</li>
<li class="list-item"><p>I work-Online.</p></li>
<li class="list-item">
<p>I'm Senior FullStack Dev making 6000 USD/month netto.</p>
</li>
<li class="list-item">
<p>
I'm a part of a big company, leading a big team, that won a big project and
succeed!
</p>
</li>
</ol>
</div>
</div>
</section>
<!-- MY-VALUES -->
<section class="my-values sections">
<div class="container">
<h2 class="h-2">Important to me:</h2>
<ol class="list">
<li class="list-item">
<span class="bold">Ground</span> = mother-nature, all things (BTS/eNodeB, 5G) are
connected to it.
</li>
<li class="list-item">
<span class="bold">Tree</span> = time & action order (high-valued priorities are at
the :root).
</li>
</ol>
</div>
</section>
<!-- I-NEED -->
<section class="i-need sections">
<div class="container">
<h2 class="h-2">To realize the dream, I need:</h2>
<ul class="i-need-list">
<li class="list-item">
a. <span class="bold">Time</span>: <span class="medium">5 years</span> to implement.
</li>
<li class="list-item">
b. <span class="bold">Cash</span>: <span class="medium">1000 USD/month</span> for life
to start.
</li>
<li class="list-item">
c. <span class="bold">Education</span>: <span class="medium">HTML</span>,
<span class="medium">CSS</span>, <span class="medium">JS</span> to the point, when I
can provide <span class="medium">value</span> for other people.
</li>
</ul>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="page-footer">
<div class="container">
<div class="footer__copyright">Copyright © 2021. Created by Kostiantyn Ochenash.</div>
</div>
</footer>
<script src="./js/menu.js"></script>
</body>
</html>