-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (144 loc) · 4.88 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
<!DOCTYPE html>
<html>
<head>
<title>Cradle of Desires</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<link rel="icon" href="images/MainIcon.png">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles/style_main-page.css">
<link rel="stylesheet" type="text/css" href="styles/style_discription.css">
<link rel="stylesheet" type="text/css" href="styles/style_projects.css">
<link rel="stylesheet" type="text/css" href="styles/style_skills.css">
<link rel="stylesheet" type="text/css" href="styles/style_footer.css">
</head>
<body>
<header class="main-page">
<nav class="nav-panel">
<ul class="list nav-panel__list">
<li class="item list__item">
<a class="item__link" href="##">Main</a>
</li>
<li class="item list__item">
<a class="item__link" href="##">description</a>
</li>
<li class="item list__item">
<a class="item__link" href="##">projects</a>
</li>
<li class="item list__item">
<a class="item__link" href="##">skills</a>
</li>
</ul>
</nav>
<h1 class="main-page__title">Cradle of Desires</h1>
<h3 class="main-page__sub-title">Programming with a enjoy</h3>
</header>
<div class="informative-block">
<h3 class="title title-discript">description</h3>
<div class="discription">
<span class="discription__text">
Здравствуйте, меня зовут JustKaneri, я создатель Cradle Of Desires.<br>
Cradle Of Desires(анг. Колыбель желаний) - в этом месте я собрал все свои проекты. Ознакомиться с ними вы можете чуть ниже.
Приложения разработаны специально под разные платформы.
</span>
</div>
</div>
<div class="informative-block informative__projects">
<h3 class="title title-projects">projects</h3>
<div class="projects">
<div class="image">
</div>
<h3 class="project projects__name">
<a class="project__link" href="https://github.com/JustKaneri/Bookshelf" target="_blank">Boookshelf</a>
</h3>
<button class="btn-show" id="next-option"></button>
<button class="btn-show" id="previous-option"></button>
</div>
</div>
<div class="informative-block informative__skills">
<h3 class="title title-skills">skills</h3>
<div class="stack">
<h3 class="stack_name">C#</h3>
<div class="stack_skills">
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/C.png">
C#
</div>
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/AspNet.png">
Asp.Net
</div>
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/Xamarin.png">
Xamarin
</div>
</div>
</div>
<div class="stack">
<h3 class="stack_name">HTML</h3>
<div class="stack_skills">
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/HTML5.png">
HTML 5
</div>
</div>
</div>
<div class="stack">
<h3 class="stack_name">CSS</h3>
<div class="stack_skills">
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/CSS.png">
CSS 3
</div>
</div>
</div>
<div class="stack">
<h3 class="stack_name">JS</h3>
<div class="stack_skills">
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/JavaScript.png">
Java Script
</div>
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/React.png">
React
</div>
</div>
</div>
<div class="stack">
<h3 class="stack_name">Базы данных</h3>
<div class="stack_skills">
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/MsSQl.png">
MS Sql
</div>
</div>
</div>
<div class="stack">
<h3 class="stack_name">Другие</h3>
<div class="stack_skills">
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/git.svg">
Git
</div>
<div class="stack_skills-pl">
<img class="image_skills" src="images/Skills/photoshop.svg">
Photoshop
</div>
</div>
</div>
</div>
<footer class="lower-block">
<p class= "autor-title">© 2022 Just Kaneri </p>
<a class="link" href="https://github.com/JustKaneri" target="_blank">
<img class = "link__github link__images" src="./images/footer/icons8-github.svg">
</a>
<a class="link" href="https://twitter.com/JustKaneri" target="_blank">
<img class="link__twitter link__images" src="./images/footer/icons8-twitter.svg">
</a>
</footer>
<script type="text/javascript" src="scripts/scrolling.js"></script>
<script type="text/javascript" src="scripts/Selected_project.js"></script>
</body>
</html>