Muhammad al-xorazmiy nomidani toshkent axborot texnologiyalari universiteti farg’ona filiali

Создайте анкетуи проведите исследование самостоятельно

bet	4/5
Sana	22.12.2022
Hajmi	0.56 Mb.
	#1041793

1 2 3 4 5

Bog'liq
Loyiha ishi

Создайте анкетуи проведите исследование самостоятельно

Более 100 готовых шаблонов анкет для разных целей

создать опрос самостоятельно

01

Доверьте всю организацию исследования специалистам

Василий Жаворонков

руководитель социологической cлужбы
zhavoronkov@anketolog.ru

Наталья Пономаренко

менеджер по работе с клиентами
manager@anketolog.ru

оставить заявку на исследование

02

Остались вопросы?

Напишите нам

SCSS kod:

@import "global";
.activeLink{
background-color: #fff;
padding: 10px 16px;
color:#2B2B2B;
}
.header {
position: relative;
@extend %bg;
width: 100%;
// height: 100%;
background-image: url("../images/header-bg.png");
&-top{
width: 100%;
height: 32px;
background-color: #2b2b2b;
display: flex;
justify-content: space-between;
align-items: center;
&__item {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
&:nth-child(1) {
margin-left: 1%;
}
&:nth-child(2) {
gap: 25px;
color: #E5E5E5;
}
img {
width: 20px;
height: 20px;
&:nth-child(1) {
width: auto;
}
}
}
&__search {
display: none;
}
&__social {
display: flex;
justify-content: space-between;
a {
@extend %center;
width: 32px;
height: 32px;
border-left: 1px solid $grey;
gap: 10px;
&:hover{
opacity: 0.7;
}
}
img {
width: 20px;
height: 20px;
}
}
}
&-second {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 48px;
background-color: #ffffff;
&_link {
margin-left: 2%;
display: flex;
justify-content: space-around;
align-items: center;
gap: 32px;
a {
font-size: 13px;
&:nth-child(1) {
width: 99px;
text-transform: uppercase;
font-size: 11px;
}
}
}
&_user {
display: flex;
gap: 37px;
margin-right: 20px;
a {
display: flex;
gap: 4px;
align-items: center;
&:hover{
opacity: 0.7;
}
}
}
}
&-text {
color: #ffffff;
@extend %center;
flex-direction: column;
gap: 40px;
&__top {
text-align: center;
margin-top: 4%;
}
h1 {
@extend %montserratBlack;
font-size: 55px;
&:nth-child(2) {
font-size: 70px;
}
}
h4 {
@extend %montserratMedium;
font-size: 18px;
}
button {
@extend %button;
width: 362px;
height: 40px;
}
}
p {
@extend %montserratBold;
color: #ffffff;
width: 50%;
font-size: 24px;
text-align: center;
width:clamp(50%,70%,90%);
}
}
.fixed{
width: 100%;
z-index: 99999;
transition: all 0.6s ease-in-out;
&__active{
position: fixed;
}
}
.convert {
width: 100%;
display:flex;
flex-wrap: wrap;
&__item {
position: relative;
height: 273px;
border: 0.5px solid #e5e5e5;
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.08);
flex: 1 0 480px;
padding: 0px 25px;
p {
@extend %montserratExtraBold;
font-size: 24px;
color: #3f3d56;
width: 80%;
}
}
&-img {
margin-top: 20px;
img {
width: 40px;
height: 30px;
}
}
&-title {
display: flex;
align-items: center;
height: 90px;
h1 {
position: absolute;
right: 20px;
bottom: 5px;
@extend %montserratExtraLight;
font-size: 80px;
opacity: 0.5;
}
}
}
.container {
margin-top: 100px;
&-top_text {
ul li {
font-size: 8px;
}
h1 {
@extend %montserratMedium;
color: $purple;
font-size: 44px;
}
}
&-table {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3%;
margin-top: 30px;
&__item {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 18px 0px;
img {
width: clamp(95%, 99%, 100%);
}
}
}
&-geo{
margin-top: 80px;
img {
width: 100%;
height: 85%;
margin-top: 28px;
}
}
&-income{
margin-top: 2%;
display: flex;
gap: 3%;
&__item {
width: 100%;
display: flex;
gap: 5%;
flex-direction: column;
}
&_table {
width: 100%;
height: 100%;
@extend %border;
display: flex;
justify-content: space-around;
align-items: center;
img {
object-fit: contain;
}
}
&_result {
display: flex;
flex-direction: column;
p {
&:nth-child(1) {
color: #f8c070;
}
&:nth-child(2) {
color: #17c587;
}
&:nth-child(3) {
color: #c2a7fd;
}
&:nth-child(4) {
color: #f8a7ab;
}
&:nth-child(5) {
color: #dbad9e;
}
}
}
}
}
.button {
&-center {
width: 35%;
margin-left: 30%;
margin-top: 30px;
box-shadow: 0px 8px 12px rgba(239, 71, 68, 0.6);
}
}
.working {
margin-top: 100px;
&-top_text {
text-align: center;
h1 {
line-height: 44px;
}
}
&-box {
margin-top: 36px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 7%;
img {
width: 100%;
}
&__item {
@extend %center;
flex-direction: column;
align-items: flex-start;
gap: 5%;
p {
margin-left: 5%;
}
}
}
&-bgImg {
background-image: url("../images/workbg-img.jpg");
height: clamp(500px,700px,800px);
margin-top: 50px;
@extend %center;
flex-direction: column;
@extend %bg;
h1 {
margin-top: 350px;
font-size: 36px;
}
&__item {
margin-top: 40px;
width: 75%;
background-color: #fefefe;
display: grid;
// grid-template-columns: repeat(1, 1fr);
}
&__menu{
@extend %center;
justify-content: space-around;
border-bottom: 0.5px solid #e5e5e5;
border-top: 0.5px solid #e5e5e5;
padding: 12px 24px;
&:nth-child(4) {
background-color: #f7f9fa;
.working-bgImg__text {
width: 75%;
// %;
padding:36px 24px;
}
}
&:nth-child(6) {
display: flex;
justify-content: flex-end;
padding: 36px 80px;
background-color: #f7f9fa;
}
}
&__text {
width: clamp(45%, 50%, 55%);
h2 {
font-size: 18px;
}
p {
font-size: 12px;
}
}
&__button {
display: flex;
justify-content: space-around;
gap: 15px;
align-items: center;
button {
width: 40px;
height: 40px;
font-size: 28px;
color: $grey;
background-color: #fff;
outline: none;
border: 1px solid #e5e5e5;
&:hover{
background-color: #17c587;
color: #fff;
}
}
p {
font-size: 36px;
@extend %montserratMedium;
}
}
}
&-links{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-areas: "link-1 link-1 link-2";
gap: 5%;
width: 75%;
&__item:nth-child(1) {
grid-area: link-1;
}
&__item:nth-child(2) {
grid-area: link-2;
}
margin-top: 50px;
&__item {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border: 1px solid #ef4744;
transition: all 0.5s ease-in-out;
cursor: pointer;
&:hover{
background-color: red;
color: #ffffff;
}
a{
font-size: 14px;
padding: 12px 0px;
text-transform: uppercase;
&:hover{
text-decoration: none;
color: #ffffff;
}
}
}
}
}
.advantages {
margin-top: 380px;
&-bgImg {
background-image: url("../images/halfbg-img.jpg");
@extend %bg;
@extend %center;
flex-direction: column;
gap: 30px;
}
&-top {
width: 85%;
margin: 50px auto;
margin-left: 1%;
h1 {
margin-left:1%;
}
}
&-box {
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 31px;
&__item {
padding: 32px;
display: flex;
flex-direction: column;
flex: 1 0 350px;
gap: 10px;
background-color: #fff;
@extend %border;
img {
width: 48px;
height: 48px;
}
h1 {
font-size: 18px;
@extend %montserratBold;
color: $purple;
}
p {
font-size: 16px;
}
}
}
}
.advantages-bottom {
margin-top: 30px;
&__bgImg {
@extend %center;
flex-direction: column;
width: 100%;
height: 400px;
background-image: url("../images/advantages-bottom.png");
@extend %bg;
}
&__title {
width: 70%;
height: 200px;
@extend %center;
flex-direction: column;
text-align: center;
margin-top: 200px;
h1 {
font-size: 36px;
}
p {
font-size: 20px;
}
}
&_box {
width: 84%;
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-top: 24px;
gap: 30px;
&__item {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
height: 100%;
margin: 30px 0px;
box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.08);
h1 {
width: 40%;
font-size: 24px;
}
img {
width: 40%;
height: 50%;
}
}
}
&__link {
margin-top: 80px;
a{

Download 0.56 Mb.

Do'stlaringiz bilan baham: