-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-rus.html
155 lines (138 loc) · 7.07 KB
/
index-rus.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
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Добро пожаловать на BrainHubs</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="w3.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Custom styles for this template -->
<link rel="stylesheet" href="style.css">
<!--Link for favicon-->
<link rel="shortcut icon" href="./logo.png" type="image/png">
</head>
<body>
<!--Navbar-->
<div class="w3-top">
<ul class="w3-navbar w3-card-2 w3-animate-top w3-white" id="myNavbar">
<li><a href="https://hubses.github.io/BrainCard/index-rus.html">Главная</a></li>
<li><a href="https://hubses.github.io/BrainCard/index.html">Перейти на английскую версию сайта</a></li>
</ul>
</div>
<!--Logo text-->
<div class="bgimg-1 w3-opacity w3-display-container">
<div class="w3-display-middle" style="white-space:nowrap;">
<span class="w3-center w3-padding-xlarge w3-black w3-xlarge w3-wide w3-animate-opacity">BrainHubs</span>
</div>
</div>
<div class="w3-content w3-container w3-padding-64">
<div class="w3-padding-16 w3-center"><span class="w3-xlarge w3-border-teal w3-bottombar">О Нас</span></div>
<p class="w3-center"><em>Мы любим кодить!</em></p>
<p>Да, мы действительно любим кодить, но также и делится с Вами. И чтобы это подтвердить мы создали профиль на
github, twitter, google+ для Вас!</p>
<div class="w3-row">
<div class="w3-col m6 w3-center w3-section">
<p><b>BrainHubs</b></p><br>
<img src="./logo.png" class="w3-circle" style="height:80px" alt="Photo of Me">
</div>
<!-- Hide this text on small devices -->
<div class="w3-col m6 w3-hide-small w3-section">
<p>Добро пожаловать к нам на визитку. Сейчас мы докажем, что можем создавать прикольные вещи. Такие как
новостной агрегатор и систему для автоматического составления расписания
</p>
</div>
</div>
</div>
<div class="bgimg-2 w3-display-container">
<div class="w3-display-middle">
<span class="w3-center w3-padding-xlarge w3-black w3-xlarge w3-wide w3-animate-opacity">ПОРТФОЛИО</span>
<!--<span class="w3-xxlarge w3-text-light-grey w3-wide">PORTFOLIO</span>-->
</div>
</div>
<div class="w3-content w3-container w3-padding-64">
<div class="w3-padding-16 w3-center"><span class="w3-xlarge w3-border-teal w3-bottombar">Наши работы</span></div>
<!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
<div class="w3-row-padding w3-center">
<div class="w3-col m3">
<a href="http://zanyatki.by" target="_blank">
<img src="https://hubses.github.io/BrainCard/zanyatkiby.jpg" style="width:100%"
class="w3-hover-opacity"></a>
<h5>Zanyatki.by</h5>
</a>
</div>
<div class="w3-col m3">
<a href="http://invalider.by" target="_blank">
<img src="./invalider.png" style="width:100%" class="w3-hover-opacity">
<h5>Invalider.by</h5>
</a>
</div>
<div class="w3-col m3">
<a href="https://project-chaining.firebaseapp.com" target="_blank">
<img src="./chaning.png" style="width:100%" class="w3-hover-opacity">
<h5>Project-Chaning</h5>
</a>
</div>
<div class="w3-col m3">
<a href="https://gameoflife-e7219.firebaseapp.com" target="_blank">
<img src="./gameoflife.png" style="width:100%" class="w3-hover-opacity">
<h5>Game Of Life</h5>
</a>
</div>
</div>
</div>
<div class="bgimg-3 w3-display-container">
<div class="w3-display-middle">
<span class="w3-center w3-padding-xlarge w3-black w3-xlarge w3-wide w3-animate-opacity">КОНТАКТЫ</span>
<!--<span class="w3-xxlarge w3-text-light-grey w3-wide">CONTACT</span>-->
</div>
</div>
<!--АаАА Страшно-->
<div class="w3-container w3-padding-64 w3-theme-l5" id="contact">
<div class="w3-row">
<div class="w3-col m5">
<div class="w3-padding-16"><span class="w3-xlarge w3-border-teal w3-bottombar">Свяжитесь с нами</span></div>
<h3>Адрес</h3>
<p>Заходите к нам попить кофе.</p>
<p><i class="fa fa-map-marker w3-text-teal w3-xlarge"></i> Беларусь, Могилев</p>
<p><i class="fa fa-phone w3-text-teal w3-xlarge"></i> +375447379445</p>
<p><i class="fa fa-envelope-o w3-text-teal w3-xlarge"></i> brainhubses@gmail.com</p>
</div>
<div class="w3-col m7">
<form class="w3-container w3-card-4 w3-padding-16 w3-white">
<div class="w3-group">
<label class="w3-label">Имя</label>
<input class="w3-input" type="text">
</div>
<div class="w3-group">
<label class="w3-label">Email</label>
<input class="w3-input" type="text">
</div>
<div class="w3-group">
<label class="w3-label">Предложения</label>
<input class="w3-input" type="text">
</div>
<input class="w3-check" type="checkbox" checked="">
<label class="w3-validate">Мне нравится дизаин!</label>
<button type="button" class="w3-btn w3-right w3-theme">отправить</button>
</form>
</div>
</div>
</div>
<!--Footer-->
<footer class="w3-container w3-padding-32 w3-theme-d1 w3-center">
<div class="w3-padding-16"><span class="w3-xlarge w3-border-teal w3-bottombar">Следите за нами</span></div>
<a class="w3-btn-floating w3-teal" href="https://twitter.com/BrainHubses" title="Twitter" target="_blank"><i
class="fa fa-twitter"></i></a>
<a class="w3-btn-floating w3-teal" href="https://plus.google.com/u/1/117010011210184983670" title="Google +"
target="_blank"><i class="fa fa-google-plus"></i></a>
<a class="w3-btn-floating w3-teal w3-hide-small" href="https://github.com/Hubses" target="_blank"><i
class="fa fa-github"></i></a>
</footer>
</body>
</html>