Skip to content

Commit 36ae308

Browse files
podowpodow
committed
works add
1 parent edc79c5 commit 36ae308

File tree

4 files changed

+88
-21
lines changed

4 files changed

+88
-21
lines changed

‎css/main.css‎

Lines changed: 7 additions & 8 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/main.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/main.sass‎

Lines changed: 5 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -166,7 +166,7 @@ h3
166166
float: left
167167
height: 0
168168
overflow: hidden
169-
padding-bottom: calc(25% - 1px)
169+
padding-bottom: 50vh
170170
position: relative
171171
width: 20%
172172
transition: all .5s
@@ -181,7 +181,7 @@ h3
181181
z-index: 1
182182
img
183183
left: 0
184-
height: 100%
184+
width: 100%
185185
position: absolute
186186
top: 0
187187
transition: filter 1s, transform 1s, opacity .5s
@@ -304,28 +304,21 @@ h3
304304
color: #616f77 !important
305305
opacity: 1.0
306306

307-
@media only screen and (max-width : 1200px)
308-
309307
@media only screen and (max-width : 992px)
310308
#works .work
311309
width: 33.33%
312-
padding-bottom: calc(35% - 1px)
313-
314310
@media only screen and (max-width : 768px)
315311
#works .work
316312
width: 50%
317-
padding-bottom: calc(50% - 1px)
318313
#form-content-wrapper
319314
left: 0
320315
width: 100%
321316
#contacts
322317
display: none
323-
324318
@media only screen and (max-width : 480px)
325319
#works .work
326320
width: 100%
327-
padding-bottom: calc(75% - 1px)
321+
.desc
322+
padding: 5%
328323
#form-content-wrapper
329-
padding: 0
330-
331-
@media only screen and (max-width : 320px)
324+
padding: 0

‎index.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,80 @@ <h1>Бердников Богдан</h1>
3434

3535
<div class="slide" id="second">
3636
<div id="works">
37+
<div class="work">
38+
<img src="https://hh.kz/photo/463650061.png?t=1467631904&h=2VbiJXhgrXDS_C3KhfEDgw" alt="">
39+
<div class="desc">
40+
<h2>Brandmaster</h2>
41+
<p>Лендинг графического отдела компании web-master.kz</p>
42+
<a href="http://brandmaster.kz/" target="_blank">Сайт</a>
43+
<a href="https://github.com/podow/Brandmaster/" target="_blank">Исходники</a>
44+
</div>
45+
</div>
46+
<div class="work">
47+
<img src="https://hh.kz/photo/463649057.png?t=1467631904&h=BTkRsYbXp87nN1o-ggUKTQ" alt="">
48+
<div class="desc">
49+
<h2>Mindpro-group</h2>
50+
<p>Сайт рекламного агенства Mindpro</p>
51+
<a href="http://www.mindpro-group.com/" target="_blank">Сайт</a>
52+
<a href="https://github.com/podow/mp/" target="_blank">Исходники</a>
53+
</div>
54+
</div>
55+
<div class="work">
56+
<img src="img/01.jpg" alt="">
57+
<div class="desc">
58+
<h2>Lorem ipsum dolor.</h2>
59+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
60+
<a href="#">Посмотреть</a>
61+
</div>
62+
</div>
63+
<div class="work">
64+
<img src="img/01.jpg" alt="">
65+
<div class="desc">
66+
<h2>Lorem ipsum dolor.</h2>
67+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
68+
<a href="#">Посмотреть</a>
69+
</div>
70+
</div>
71+
<div class="work">
72+
<img src="img/01.jpg" alt="">
73+
<div class="desc">
74+
<h2>Lorem ipsum dolor.</h2>
75+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
76+
<a href="#">Посмотреть</a>
77+
</div>
78+
</div>
79+
<div class="work">
80+
<img src="img/01.jpg" alt="">
81+
<div class="desc">
82+
<h2>Lorem ipsum dolor.</h2>
83+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
84+
<a href="#">Посмотреть</a>
85+
</div>
86+
</div>
87+
<div class="work">
88+
<img src="img/01.jpg" alt="">
89+
<div class="desc">
90+
<h2>Lorem ipsum dolor.</h2>
91+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
92+
<a href="#">Посмотреть</a>
93+
</div>
94+
</div>
95+
<div class="work">
96+
<img src="img/01.jpg" alt="">
97+
<div class="desc">
98+
<h2>Lorem ipsum dolor.</h2>
99+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
100+
<a href="#">Посмотреть</a>
101+
</div>
102+
</div>
103+
<div class="work">
104+
<img src="img/01.jpg" alt="">
105+
<div class="desc">
106+
<h2>Lorem ipsum dolor.</h2>
107+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, debitis.</p>
108+
<a href="#">Посмотреть</a>
109+
</div>
110+
</div>
37111
<div class="work">
38112
<img src="img/01.jpg" alt="">
39113
<div class="desc">
@@ -42,6 +116,7 @@ <h2>Lorem ipsum dolor.</h2>
42116
<a href="#">Посмотреть</a>
43117
</div>
44118
</div>
119+
45120
</div>
46121
</div>
47122

0 commit comments

Comments
 (0)