-
Notifications
You must be signed in to change notification settings - Fork 0
/
try1.html
88 lines (86 loc) · 4.45 KB
/
try1.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
<html>
<head>
<link rel="stylesheet" type="text/css" href="tru1.css" />
</head>
<body>
<header>
<div class="main_buttons_container">
<button id="logo"><img width="16" src="1_mLo6igWjtuC5aPYCfdQ-mw.png"> Hyperskill</button>
<button class="main_buttons">Explore <img width="12" height="12" src="https://img1.freepng.ru/20180706/isl/kisspng-arrow-down-computer-icons-android-tanda-panah-5b3fd32e4a3865.857040891530909486304.jpg"></button>
<button class="main_buttons">Pricing</button>
<button class="main_buttons">For Business</button>
</div>
<div class="side_button_container">
<button id="side_buttons_sign_in">Sign in</button>
<button id="side_buttons_start">Start for free<</button>
</div>
</header>
<div class="main_content">
<div id="out_of_the_box">
<h1>Study Plan</h1>
<span><img width="15" height="15" src="https://img1.freepng.ru/20180319/uwe/kisspng-time-travel-computer-icons-clip-art-clock-event-history-schedule-time-undo-icon-5ab07277992c94.7012129315215130796274.jpg"> History</span>
</div>
<div class="box">
<div class="box_up"> <img width="20" height="20" src="https://img1.freepng.ru/20180706/isl/kisspng-arrow-down-computer-icons-android-tanda-panah-5b3fd32e4a3865.857040891530909486304.jpg"> Select your first track</div>
<div class="box_down">
<div class="box_down_left">
<img width="20" height="20" src="https://w7.pngwing.com/pngs/40/356/png-transparent-electrical-switches-electronic-symbol-wiring-diagram-electrical-wires-cable-electrical-network-symbol-miscellaneous-angle-electrical-wires-cable.png"> Select track <br>10 minutes </div>
<button id="box_down_button">Continue</button></div>
</div>
</div>
<footer>
<div class="bottom_of_the_page_main_section">
<div class="bottom_of_the_page_section_1">
<a>All tracks</a>
<a>Beginner-friendly</a>
<a>Python</a>
<a>Java</a>
<a>Kotlin</a>
<a>Math</a>
</div>
<div class="bottom_of_the_page_section_2">
<a>Frontend</a>
<a>SQL and Databases</a>
<a>Scala</a>
<a>Go</a>
<a>Data science</a>
<a>Biology and Bioinformatics</a>
</div>
<div class="bottom_of_the_page_section_3">
<a>Backend</a>
<a>DevOps</a>
<a>Mobile</a>
<br>
<button class="section1">Full catalog</button>
</div>
<div class="bottom_of_the_page_section_4">
Resources
<a class="under_text">Blog</a>
<br>
Subscription
<a class="under_text">For Business</a>
<a>Pricing</a>
</div>
<div class="bottom_of_the_page_section_5">
Hyperskill
<a class="under_text">About</a>
<a>Careers</a>
<a>For Content</a>
<a>Creators</a>
<br>
Support
<a class="under_text">Help Center</a>
<a>Terms</a>
</div>
</div>
<div class="bottom_of_the_page_section_6">
<button id="logo2"><img width="18" height="18" src="1_mLo6igWjtuC5aPYCfdQ-mw.png"> Hyperskill</button>
<img class="footer_image" width="18" height="18" src="https://w7.pngwing.com/pngs/358/465/png-transparent-reddit-logo-computer-icons-reddit-logo-smiley-internet-forum-thumbnail.png">
<img class="footer_image" width="18" height="18" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRL0nU3DCdogRD0ObbIU82fz0nKiTPvZkDxq7y5HTZBIQ&s">
<img class="footer_image" width="18" height="18" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTjvIvOUxnOKAfWdNRVZvEAFfLtHRt3X75-dyRZ8GbbmQ&s">
<img class="footer_image" width="18" height="18" src="https://cdn-icons-png.flaticon.com/512/5968/5968933.png">
<img class="footer_image" width="18" height="18" src="https://static.wikia.nocookie.net/discord-wikia/images/5/53/Def.png/revision/latest/zoom-crop/width/500/height/500?cb=20211101143125&path-prefix=ru">
</div>
</footer>
</body>
</html>