Астропрогноз Анны Романовой на 2013 год
Когда: 1 Января 2013 года
Где: Радио СПУТНИК
Это год серьезных перемен, как в семье, так и в карьере. Успехов в работе можно ждать в январе. Страсти в личной жизни займут весь март и ноябрь. Осенью все утрясется, а декабрь откроет новые горизонты. Самым удачным месяцем будет октябрь.Вам нужно загадывать желания. В новом году вы можете достичь многого, если только захотите. Отношения с любимыми стабилизируются в феврале. Июнь будет месяцем сильных страстей, а в ноябре придется бороться за место под солнцем.
Январь и февраль будут, пожалуй, самыми насыщенными в году. Вам будет некогда вздохнуть. Апрель — месяц любовных авантюр и романтики, а в сентябре и октября нужно будет сосредоточиться на карьере. Самым приятным будет декабрь.
Это год любви и перемен. Вы превратитесь из куколки в бабочку и жизнь засверкает новыми яркими красками. Трудным может оказаться март, но вы с честью перенесете испытания.
Вам придется заняться полной ревизией жизненных ценностей. Вы решите принципиальные вопросы и вздохнете свободней. Приятными будут май и июнь. А в ноябре нужно будет серьезно поработать.
Вы будете чувствовать себя очень комфортно. Февраль может внести которую сумятицу в чувства, а март заставит побегать: будет много работы. В мае возможны недоразумения с друзьями и партнерами. А декабрь пройдет в обновлении дома.
Самое время сделать передышку. Вы можете позволить себе отдыхать и восстанавливать силы до конца марта. В мае жизнь будет яркой и насыщенной. А в августе придут признание и всеобщая любовь.
Фундамент был заложен раньше, и теперь вы будете пожинать плоды того, что сделали. Проблемы в семье возможны в феврале, но к концу месяца все решится. Прекрасный период ожидается в сентябре. А с 24 октября для вас наступает самый интересный период.
Когда появляются деньги, всегда появляется приятное чувство уверенности в завтрашнем дне.
Но за это придется бороться. Особенно острыми будут август и сентябрь. Весной ждите приключений. А самым счастливым будет декабрь.
Зарабатывать деньги, причем, неплохие, вы будете почти автоматически. Все ваше внимание будет сконцентрировано на любви и личных отношениях. Самыми активными будут февраль и март. Лето стоит целиком посвятить отдыху.
Начало года будет скорее пассивным. Вы будете чувствовать себя уставшими. Ситуация изменится в конце февраля. В апреле займитесь домашними делами. А в ноябре наступит белая полоса, которая продлится до конца года.
Два зимних месяца пройдут как в сказке. Вообще, это год веселья и радости. Трудности могут возникнуть в марте, но это не помешает вам быть счастливыми. Тяжелым может быть октябрь, придется сосредоточиться на работе. А в декабре вернется ощущение стабильности.
АСТРОПРОГНОЗ от Анны Романовой
СТРЕЛЕЦ.
Не стоит нервничать раньше времени.
Решайте все вопросы только по мере их поступления.
Гороскоп на 17 июня
МИНУТА ДРАЙВА
Задайте вопрос
автоэксперту
Мы используем Cookies на нашем сайте. Продолжая работу с нашим сайтом, Вы соглашаетесь, что мы будем использовать Ваши Cookies.
Узнать большеЗакрытьhtml — Появляется огромная белая полоса с Bootstrap4
Привет!Я начал делать адаптив для сайта и заметил что начала появлятся огромная белая полоса справа(видно на скриншоте).С чем это связано и как это исправить?
Пока что все более менее,но если проскролить вправо то…
@import "vars"
@import "fonts"
@import "libs"
ul
list-style: none
.Companyname
font-family: $PoiretOne
color: $white
font-size: 30px
margin-top: 74px
padding-left: 174px
margin-bottom: 0px
span:last-child
color: #C9C9C6
font-size: 28px
.
first-block
background-color: $bg-gray
.Top-menu
display: flex
margin-top: 75px
margin-bottom: 0px
li
margin-left: 15px
a
color: $white
font-size: 13px
font-family: $MontserratRegular
text-decoration: none
text-transform: uppercase
&::after
content: ''
width: 100%
height: 2px
display: block
background-color: $white
transform: scale(0)
transition: all 0.2s
&:hover
&::after
transform: scale(1)
.BigGrayText
color: $white
font-size: 50px
margin-left: 172px
margin-top: 196px
font-family: $CabinRegular
width: 640px
.first-block-2
background-color: $bg-gray
button
background-color: $green
width: 224px
height: 56px
outline: none
border: none
color: $white
text-transform: uppercase
font-family: $LatoBold
font-size: 13px
border-radius: 5px
margin-top: 60px
.
SmallGrayText
font-size: 15px
width: 574px
margin-left: 174px
font-family: $LatoLight
color: $white
line-height: 32px
margin-bottom: 272px
.second-block
background-color: $white
margin-bottom: 100px
&-bigtext
font-family: $CabinRegular
font-size: 48px
width: 100%
color: $very-dark
text-align: center
margin-top: 128px
.second-block-2
margin-left: 176px
margin-right: 176px
margin-bottom: 150px
&-icon
font-size: 30px
color: $white
width: 65px
height: 65px
text-align: center
background-color: $green
border-radius: 50%
line-height: 62px
transform: translateY(-30px)
&-iconcontainer
display: flex
justify-content: center
width: 100%
&-main
display: flex
justify-content: center
flex-direction: column
flex-wrap: wrap
width: 280px
border: 1px solid #f2f2f2
&-bigtext
font-family: $LatoBold
font-size: 18px
color: $very-dark
text-align: center
text-transform: uppercase
&-smalltext
font-family: $LatoRegular
font-size: 16px
text-align: center
.
third-block
background-color: $gray
&-bigtext
font-family: $CabinRegular
color: $very-dark
font-size: 48px
margin-bottom: 40px
width: 510px
margin-top: 128px
&-text
font-family: $LatoRegular
color: $text-gray
font-size: 16px
margin-bottom: 20px
width: 510px
&-button
font-family: $LatoBold
font-size: 15px
text-transform: uppercase
color: $very-dark
border: 1px solid $very-dark
border-radius: 5px
padding: 15px
width: 232px
text-align: center
margin-bottom: 130px
&:hover
color: $green
border: 1px solid $green
transition: all 0.2s
.ClientsBigText
font-family: $CabinRegular
font-size: 48px
color: $very-dark
text-align: center
width: 100%
margin-top: 128px
.
ClientMain
width: 437px
.ClientText
font-family: $LatoRegular
font-size: 16px
color: $text-gray
border: 2px solid #f2f2f2
padding: 15px
.block__hint
position: relative
border: 2px solid #f2f2f2
background: $white
.block__hint::after
display: block
content: ""
position: absolute
height: 15px
width: 15px
background: $white
border-left: 2px solid #f2f2f2
border-top: 2px solid #f2f2f2
bottom: -10px
right: 20px
transform: rotate(-135deg)
.ClientPerson
text-align: right
float: left
width: 83%
span:first-child
font-family: $LatoBold
font-size: 15px
color: $very-dark
span:last-child
font-family: $LatoRegular
font-size: 13px
color: #666666
.ClientImage
border-radius: 50%
margin-left: 15px
width: 58px
height: 58px
.
fourth-bloc
background-color: #353535
.ExpMain
display: flex
justify-content: flex-end
.Exp
display: flex
flex-direction: column
&-BigText
font-family: $CabinRegular
font-size: 48px
color: $white
width: 465px
margin-top: 130px
&-Text
font-family: $LatoRegular
font-size: 15px
color: $white
width: 465px
&-Button
font-family: $LatoBold
font-size: 15px
border: 2px solid $white
border-radius: 5px
padding: 18px
width: 234px
margin-top: 35px
margin-bottom: 150px
&:hover
color: $green
transition: all 0.2s
border: 2px solid $green
span
padding: 20px 25px 20px 25px
a
color: $white
text-transform: uppercase
text-decoration: none
.
SkillsMain
margin-left: 20px
.Skills
&-text
font-family: $LatoRegular
font-size: 15px
color: $white
.Progress
position: relative
width: 490px
height: 20px
background-color: $white
.bar
position: absolute
width: 1%
height: 100%
background-color: $green
&::after
display: block
content: ""
position: absolute
height: 10px
width: 10px
background: #353535
border-left: 2px solid $very-dark
border-top: 2px solid $very-dark
bottom: 25px
right: 0px
transform: rotate(-135deg)
.BlogBigText
font-family: $CabinRegular
font-size: 48px
color: $very-dark
width: 100%
text-align: center
margin-top: 120px
margin-bottom: 60px
.MainBlog
display: flex
justify-content: center
margin-bottom: 114px
.
Blog
display: flex
flex-direction: column
justify-content: center
img
width: 310px
height: 195px
margin-bottom: 15px
&-bigtext
font-family: $LatoBold
font-size: 18px
color: $very-dark
margin-left: 15px
&-graytext
font-family: $LatoRegular
font-size: 14px
color: #999999
margin-left: 15px
span
span
padding-left: 5px
padding-right: 5px
span:last-child
padding-left: 10px
&-text
font-family: $LatoRegular
font-size: 16px
color: $text-gray
margin-left: 15px
.ReadyRow
background-color: $green
height: 175px
.ReadyMain
margin-top: 30px
display: flex
flex-direction: column
p:first-child
font-family: $LatoBold
font-size: 24px
color: $white
padding-left: 15px
p:last-child
font-family: $LatoRegular
font-size: 16px
color: $white
padding-left: 15px
.
Readybtn
display: flex
justify-content: flex-start
.Ready-Button
font-family: $LatoBold
font-size: 16px
color: $white
text-transform: uppercase
border: 2px solid $white
padding: 10px
border-radius: 5px
margin-top: 30px
a
color: $white
text-decoration: none
padding: 15px
.FooterRow
background-color: #232323
.Companynamefooter
font-family: $PoiretOne
color: $white
font-size: 30px
span:last-child
color: #C9C9C6
font-size: 28px
.FooterInfo
margin-bottom: 70px
margin-top: 50px
p:first-child
font-family: $LatoBold
font-size: 15px
color: $white
text-transform: uppercase
p:last-child
font-family: $LatoRegular
font-size: 14px
color: $white
&-Adress
font-family: $LatoRegular
font-size: 14px
color: $white
@media (max-width: 1053px)
.
Companyname
padding-left: 50px
@media (max-width: 770px)
.Top-menu
margin-top: 30px
li
margin-left: 40px
@media (max-width: 510px)
.Top-menu
display: none
@import "media" // Always at the end<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <base href="/"> <title>CompanyName</title> <meta name="description" content=""> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- Template Basic Images Start --> <meta property="og:image" content="path/to/image.jpg"> <link rel="icon" href="img/favicon/favicon.ico"> <link rel="apple-touch-icon" href="img/favicon/apple-touch-icon-180x180.png"> <!-- Template Basic Images End --> <!-- Custom Browsers Color Start --> <meta name="theme-color" content="#FFF"> <!-- Custom Browsers Color End --> <script defer src="libs/fontawesome-free-5.0.8/svg-with-js/js/fontawesome-all.min.js"></script> <link rel="stylesheet" href="css/main.min.css"> </head> <body> <div> <div> <p> <span>company</span> <span>name</span> </p> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">About</a> </li> <li> <a href="#">Blog</a> </li> <li> <a href="#">Portfolio</a> </li> <li> <a href="#">Contact</a> </li> </ul> </div> <div> <p> We’re here to create your online presense and style </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse mattis orci dapibus risus dignissim, viverra pellentesque arcu ullamcorper. Mauris a tincidunt lectus. Proin nec venenatis quam. <br> <button>start today with us</button> </p> </div> <div> <p>Features you’ll love</p> </div> <div> <div> <div> <div> <p> <i></i> </p> </div> <p>Personal touch</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. </p> </div> </div> <div> <div> <div> <p> <i></i> </p> </div> <p>Unique solutions</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. </p> </div> </div> <div> <div> <div> <p> <i></i> </p> </div> <p>Help in promotion</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. </p> </div> </div> </div> <div> <div> <p>Our Short Story</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. . </p> <br> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. </p> <br> <p>More about our team</p> </div> </div> <div> <p>Our Clients Says</p> </div> <div> <div> <div> <p> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. </p> <p> <span>Joe Doe</span> <br> <span>Creative Deirector at Gmoogle.
com</span> </p> <img src="img/photo-person.png" alt="ClientPhoto"> </div> </div> <div> <div> <p> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. </p> <p> <span>Joe Doe</span> <br> <span>Creative Deirector at Gmoogle.com</span> </p> <img src="img/photo-person.png" alt="ClientPhoto"> </div> </div> <div> <div> <p> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. </p> <p> <span>Joe Doe</span> <br> <span>Creative Deirector at Gmoogle.com</span> </p> <img src="img/photo-person.png" alt="ClientPhoto"> </div> </div> <div> <div> <p> Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. </p> <p> <span>Joe Doe</span> <br> <span>Creative Deirector at Gmoogle.
com</span> </p> <img src="img/photo-person.png" alt="ClientPhoto"> </div> </div> </div> <div> <div> <div> <div> <p>Our Experience</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem. </p> <p> <span> <a href="#">View case studies</a> </span> </p> </div> </div> </div> <div> <div> <div> <p>Skills</p> <p>C++ development</p> <div onscroll="move(95)"> <div> </div> </div> <p>.
Net</p> <div onscroll="move2(75)"> <div> </div> </div> <p>HTML5</p> <div onscroll="move(85)"> <div> </div> </div> <p>jQuery</p> <div onscroll="move(90)"> <div> </div> </div> <p>Angular</p> <div onscroll="move(70)"> <div> </div> </div> </div> </div> </div> </div> <div> <p>From the Blog</p> </div> <div> <div> <div> <div> <img src="img/BlogImage.png" alt="BlogImage"> <p>Cache Invalidation Strategies With Varnish Cache</p> <p> <span><span><i></span></i>March 4, 2014</span> <span><span><i></i></span>2 comments</span> </p> <p>Shortly thereafter, I was working with RetailMeNot, tasked with designing its iOS and Android app tutorial.
The product team wanted to make sure hat users were clear about the value</p> </div> </div> </div> <div> <div> <div> <img src="img/BlogImage.png" alt="BlogImage"> <p>Cache Invalidation Strategies With Varnish Cache</p> <p> <span><span><i></span></i>March 4, 2014</span> <span><span><i></i></span>2 comments</span> </p> <p>Shortly thereafter, I was working with RetailMeNot, tasked with designing its iOS and Android app tutorial. The product team wanted to make sure hat users were clear about the value</p> </div> </div> </div> <div> <div> <div> <img src="img/BlogImage.
png" alt="BlogImage"> <p>Cache Invalidation Strategies With Varnish Cache</p> <p> <span><span><i></span></i>March 4, 2014</span> <span><span><i></i></span>2 comments</span> </p> <p>Shortly thereafter, I was working with RetailMeNot, tasked with designing its iOS and Android app tutorial. The product team wanted to make sure hat users were clear about the value</p> </div> </div> </div> </div> <div> <div> <div> <p>Are you ready to go?</p> <p>Here the call to action area. Lorem ipsum dolor sit amet and click to the button</p> </div> </div> <div> <div><p><a href="#">Start your project</a></p></div> </div> </div> <div> <div> <p> <span>company</span> <span>name</span> </p> </div> <div> <div> <div> <p>new york</p> <p>Address goes here in a one or two lines, maybe lorem ipsum</p> <p> <span>+44 800 800 90</span><span>info@domen.
com</span> </p> </div> </div> </div> <div> <div> <div> <p>london</p> <p>Address goes here in a one or two lines, maybe lorem ipsum</p> <p> <span>+44 800 800 90</span><span>[email protected]</span> </p> </div> </div> </div> <div> <div> <div> <p>madrid</p> <p>Address goes here in a one or two lines, maybe lorem ipsum</p> <p> <span>+44 800 800 90</span><span>[email protected]</span> </p> </div> </div> </div> </div> </div> </div> <script src="js/scripts.
min.js"></script> </body> </html>
P.S. Извините что скинул SASS,CSS минифицируется.
Бесплатные прозрачные белые полосы изображений png, страница 1
657*489 125,30 КБ 926*781 533,75 КБ 409*434 4,32 КБ 421*469 32,03 КБ 2457*2002 131,53 КБ 507*347 99,14 КБ 655*363 28,14 КБ 601*601 50,52 КБ 901*572 184,06 КБ 929*1297 46,34 КБ 928*781 632,01 КБ 1120*1137 468,01 КБ 1004*1697 1073,87 КБ 559 * 299 11,94 КБ 586*646 350,90 КБ 1921*1527 125,12 КБ 722*965 361,88 КБ 563*827 580,64 КБ 720*506 34,47 КБ 585*521 213,92 КБ 409*612 283,84 КБ 703*424 307,18 КБ 911*764 27,23 КБ 1884*782 30,75 КБ 1096*1252 1361,10 КБ 402*412 154,07 КБ 5167*4718 201,24 КБ 894 * 442 136,74 КБ 388*335 27,39 КБ 602*601 9,52 КБ 662*1019 1480,76 КБ 308*450 20,82 КБ 1178*1219 360,67 КБ 552*564 197,62 КБ 847*368 127,23 КБ 310*253 7,93 КБ 354*414 107,84 КБ 1500*1418 1003,33 КБ 876*492 150,44 КБ 1301*3841 2500,41 КБ 558*866 351,63 КБ 1241*1088 2326,46 КБ 639*885 774,83 КБ 446*426 9,48 КБ 1279*473 118,54 КБ 598*552 239,88 КБ 412*801 16,28 КБ 782*686 34,91 КБ 377*592 219,76 КБ 861*387 231,67 КБ 401*306 18,46 КБ 480*565 125,79 КБ 373*300 38,98 КБ 606*487 50,85 КБ 1150*551 397,82 КБ 438*291 14,44 КБ 496*322 63,49 КБ 1115*1127 895,27 КБ 393*295 4,11 КБ 564*575 4,28 КБ 481*469 147,35 КБ 475*415 9,99 КБ 441*265 23,95 КБ 2001*2001 43,34 КБ 1245*1514 96,84 КБ 681*681 19,68 КБ 1927*1193 204,19 КБ 1255*1521 123,00 КБ 753*557 94,03 КБ 475*438 11,61 КБ 883*501 69,73 КБ 601*959 396,66 КБ 780*857 29,84 КБ 444*325 51,32 КБ 781*665 63,84 КБ 598 * 655 560,63 КБ 304 * 309 81,10 КБ 1016*917 790,72 КБ 439*573 388,11 КБ 1912*1519 291,79 КБПолучайте наши лучшие фотографии еженедельно
Введите адрес электронной почты, и мы будем присылать вам наши самые популярные фотографии каждую неделю прямо на ваш почтовый ящик.
Спасибо за подписку!
Черно-белые полосы Черные и прозрачные полосы Простой
- Нажмите, чтобы увеличить
Цена: 72,12 турецких лир
Загрузка
С учетом НДС
Вы можете сделать предложение только при покупке одного товара
Внесен в список 10 июня 2023 г.
77 избранных
Сообщить об этом элементе в Etsy
Выберите причину… С моим заказом возникла проблемаОн использует мою интеллектуальную собственность без разрешенияЯ не думаю, что это соответствует политике EtsyВыберите причину…
Первое, что вы должны сделать, это связаться с продавцом напрямую.
Если вы уже сделали это, ваш товар не прибыл или не соответствует описанию, вы можете сообщить об этом Etsy, открыв кейс.
Сообщить о проблеме с заказом
Мы очень серьезно относимся к вопросам интеллектуальной собственности, но многие из этих проблем могут быть решены непосредственно заинтересованными сторонами. Мы рекомендуем связаться с продавцом напрямую, чтобы уважительно поделиться своими проблемами.
Если вы хотите подать заявление о нарушении прав, вам необходимо выполнить процедуру, описанную в нашей Политике в отношении авторских прав и интеллектуальной собственности.


ClientMain
width: 437px
.ClientText
font-family: $LatoRegular
font-size: 16px
color: $text-gray
border: 2px solid #f2f2f2
padding: 15px
.block__hint
position: relative
border: 2px solid #f2f2f2
background: $white
.block__hint::after
display: block
content: ""
position: absolute
height: 15px
width: 15px
background: $white
border-left: 2px solid #f2f2f2
border-top: 2px solid #f2f2f2
bottom: -10px
right: 20px
transform: rotate(-135deg)
.ClientPerson
text-align: right
float: left
width: 83%
span:first-child
font-family: $LatoBold
font-size: 15px
color: $very-dark
span:last-child
font-family: $LatoRegular
font-size: 13px
color: #666666
.ClientImage
border-radius: 50%
margin-left: 15px
width: 58px
height: 58px
.

Blog
display: flex
flex-direction: column
justify-content: center
img
width: 310px
height: 195px
margin-bottom: 15px
&-bigtext
font-family: $LatoBold
font-size: 18px
color: $very-dark
margin-left: 15px
&-graytext
font-family: $LatoRegular
font-size: 14px
color: #999999
margin-left: 15px
span
span
padding-left: 5px
padding-right: 5px
span:last-child
padding-left: 10px
&-text
font-family: $LatoRegular
font-size: 16px
color: $text-gray
margin-left: 15px
.ReadyRow
background-color: $green
height: 175px
.ReadyMain
margin-top: 30px
display: flex
flex-direction: column
p:first-child
font-family: $LatoBold
font-size: 24px
color: $white
padding-left: 15px
p:last-child
font-family: $LatoRegular
font-size: 16px
color: $white
padding-left: 15px
.
Readybtn
display: flex
justify-content: flex-start
.Ready-Button
font-family: $LatoBold
font-size: 16px
color: $white
text-transform: uppercase
border: 2px solid $white
padding: 10px
border-radius: 5px
margin-top: 30px
a
color: $white
text-decoration: none
padding: 15px
.FooterRow
background-color: #232323
.Companynamefooter
font-family: $PoiretOne
color: $white
font-size: 30px
span:last-child
color: #C9C9C6
font-size: 28px
.FooterInfo
margin-bottom: 70px
margin-top: 50px
p:first-child
font-family: $LatoBold
font-size: 15px
color: $white
text-transform: uppercase
p:last-child
font-family: $LatoRegular
font-size: 14px
color: $white
&-Adress
font-family: $LatoRegular
font-size: 14px
color: $white
@media (max-width: 1053px)
.
Companyname
padding-left: 50px
@media (max-width: 770px)
.Top-menu
margin-top: 30px
li
margin-left: 40px
@media (max-width: 510px)
.Top-menu
display: none
@import "media" // Always at the end
png">
<!-- Template Basic Images End -->
<!-- Custom Browsers Color Start -->
<meta name="theme-color" content="#FFF">
<!-- Custom Browsers Color End -->
<script defer src="libs/fontawesome-free-5.0.8/svg-with-js/js/fontawesome-all.min.js"></script>
<link rel="stylesheet" href="css/main.min.css">
</head>
<body>
<div>
<div>
<p>
<span>company</span>
<span>name</span>
</p>
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="#">Portfolio</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
<div>
<p>
We’re here to create your online presense and style
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Suspendisse mattis orci dapibus risus dignissim, viverra pellentesque
arcu ullamcorper. Mauris a tincidunt lectus. Proin nec venenatis quam.
<br>
<button>start today with us</button>
</p>
</div>
<div>
<p>Features you’ll love</p>
</div>
<div>
<div>
<div>
<div>
<p>
<i></i>
</p>
</div>
<p>Personal touch</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra
lorem.
</p>
</div>
</div>
<div>
<div>
<div>
<p>
<i></i>
</p>
</div>
<p>Unique solutions</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam volutpat purus in ferment uectetur tortor id, pharetra
lorem.
</p>
</div>
</div>
<div>
<div>
<div>
<p>
<i></i>
</p>
</div>
<p>Help in promotion</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra
lorem.
</p>
</div>
</div>
</div>
<div>
<div>
<p>Our Short Story</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra lorem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra
lorem. .
</p>
<br>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nam volutpat purus in ferment uectetur tortor id, pharetra lorem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra
lorem.
</p>
<br>
<p>More about our team</p>
</div>
</div>
<div>
<p>Our Clients Says</p>
</div>
<div>
<div>
<div>
<p>
Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus
ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
</p>
<p>
<span>Joe Doe</span>
<br>
<span>Creative Deirector at Gmoogle.
com</span>
</p>
<img src="img/photo-person.png" alt="ClientPhoto">
</div>
</div>
<div>
<div>
<p>
Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus
ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
</p>
<p>
<span>Joe Doe</span>
<br>
<span>Creative Deirector at Gmoogle.com</span>
</p>
<img src="img/photo-person.png" alt="ClientPhoto">
</div>
</div>
<div>
<div>
<p>
Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
In enim justo, rhoncus
ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
</p>
<p>
<span>Joe Doe</span>
<br>
<span>Creative Deirector at Gmoogle.com</span>
</p>
<img src="img/photo-person.png" alt="ClientPhoto">
</div>
</div>
<div>
<div>
<p>
Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus
ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
</p>
<p>
<span>Joe Doe</span>
<br>
<span>Creative Deirector at Gmoogle.
com</span>
</p>
<img src="img/photo-person.png" alt="ClientPhoto">
</div>
</div>
</div>
<div>
<div>
<div>
<div>
<p>Our Experience</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id, pharetra
lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor id,
pharetra lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur tortor
id, pharetra lorem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat purus in ferment uectetur
tortor id, pharetra lorem.
</p>
<p>
<span>
<a href="#">View case studies</a>
</span>
</p>
</div>
</div>
</div>
<div>
<div>
<div>
<p>Skills</p>
<p>C++ development</p>
<div onscroll="move(95)">
<div>
</div>
</div>
<p>.
Net</p>
<div onscroll="move2(75)">
<div>
</div>
</div>
<p>HTML5</p>
<div onscroll="move(85)">
<div>
</div>
</div>
<p>jQuery</p>
<div onscroll="move(90)">
<div>
</div>
</div>
<p>Angular</p>
<div onscroll="move(70)">
<div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<p>From the Blog</p>
</div>
<div>
<div>
<div>
<div>
<img src="img/BlogImage.png" alt="BlogImage">
<p>Cache Invalidation Strategies With Varnish Cache</p>
<p>
<span><span><i></span></i>March 4, 2014</span>
<span><span><i></i></span>2 comments</span>
</p>
<p>Shortly thereafter, I was working with RetailMeNot, tasked with designing its iOS and Android app tutorial.
The product
team wanted to make sure hat users were clear about the value</p>
</div>
</div>
</div>
<div>
<div>
<div>
<img src="img/BlogImage.png" alt="BlogImage">
<p>Cache Invalidation Strategies With Varnish Cache</p>
<p>
<span><span><i></span></i>March 4, 2014</span>
<span><span><i></i></span>2 comments</span>
</p>
<p>Shortly thereafter, I was working with RetailMeNot, tasked with designing its iOS and Android app tutorial. The product
team wanted to make sure hat users were clear about the value</p>
</div>
</div>
</div>
<div>
<div>
<div>
<img src="img/BlogImage.
png" alt="BlogImage">
<p>Cache Invalidation Strategies With Varnish Cache</p>
<p>
<span><span><i></span></i>March 4, 2014</span>
<span><span><i></i></span>2 comments</span>
</p>
<p>Shortly thereafter, I was working with RetailMeNot, tasked with designing its iOS and Android app tutorial. The product
team wanted to make sure hat users were clear about the value</p>
</div>
</div>
</div>
</div>
<div>
<div>
<div>
<p>Are you ready to go?</p>
<p>Here the call to action area. Lorem ipsum dolor sit amet and click to the button</p>
</div>
</div>
<div>
<div><p><a href="#">Start your project</a></p></div>
</div>
</div>
<div>
<div>
<p>
<span>company</span>
<span>name</span>
</p>
</div>
<div>
<div>
<div>
<p>new york</p>
<p>Address goes here in a one or two
lines, maybe lorem ipsum</p>
<p>
<span>+44 800 800 90</span><span>info@domen.
min.js"></script>
</body>
</html>