search

HamidSim / figman-n-HTML-v-CSS-kodu

0 stars 0 forks source link

figmanın HTML və CSS kodu #1

Open HamidSim opened 3 months ago

HamidSim commented 3 months ago

<!DOCTYPE html>

Document

150 k

Projects done

Client’s get

Always Expectational

Best Marketing

Digital Agency

Various versions have evolved over the years,

sometimes by accident, sometimes on purpose

Watch Video

OUR TRUSTED CLIENTS

slack

descript

Etsy

logitech

Digital Marketing

That is the simply dummy text the printing and typesetting industry.

Read more

SEO

That is the simply dummy text the printing and typesetting industry.

Read more

WHAT WE DO

UI UX Design

That is the simply dummy text the printing and typesetting industry.

Read more

Web Development

That is the simply dummy text the printing and typesetting industry.

Read more

We Are Here To Help You

Build Your Business 🚀

Sed ut perspiciatis unde omnis iste natus error sit of the voluptatem

accusantium lorem sit doloremque, totam rem aperiam, eaque ipsa

quae ab illo invento veritatis quasi architecto beatae vitae dicta.

ABOUT US

We're More Than Digital

Agency in the World

Sed ut perspiciatis unde omnis iste natus error sit of the voluptatem

accusantium lorem sit doloremque, totam rem aperiam, eaque ipsa

quae ab illo invento veritatis quasi architecto beatae vitae dicta.

OUR WORK

See Our Recent Case Studies

TESTIMONIAL

What Our Customer Say

About Us

Johne abram

SBL Saas Company

Our website is working well for us. Our website was

developed beautifully by the proxylab team. We really

appreciated the prompt responses and delivery of exactly

what we requested, as per our expectations.

Have A Project In Mind?

Let's Get To Work.

header { width: 85%; border-radius: 3%; padding: 20px 0; }

.header_content {

 display: flex;
 align-items: center;
 justify-content: space-between;

}

.header_content nav { display: flex; align-items: center; gap: 7px; }

.mr { display: flex; align-items: center; gap: 5px; }

.header_conten { width: 100%; display: flex; align-items: center; justify-content: space-between; }

h1 { font-size: 70px; }

.eree { font-family: "Mulish" sans-serif; font-size: 42px; font-weight: 700; line-height: 20px; }

.container { max-width: 1120px; width: 100%; padding: 0 20px; margin: 0 auto; }

p, h1, h2, h3 { font-family: "Mulish", sans-serif; }

.header_content nav ul { display: flex; font-size: 16px; align-items: center; gap: 50px; }

.erf { padding-left: 100px; font-family: "Manrope" sans-serif; }

.header_conten nav ul { display: flex; font-size: 16px; align-items: center; gap: 30px; }

.header_conten nav ul li a { color: #150A29; outline: none; text-decoration: none; }

.header_content nav ul li a { color: #150A29; outline: none; text-decoration: none; transition: all linear 0.3s; }

.header_content nav ul li { color: black; }

.btn { width: 13%; height: 50px; border-radius: 50px; background: #FD695A; border: none; outline: none; text-decoration: none; }

ul, li { list-style-type: none; }

.er { padding-top: 100px; padding-left: 100px;

}

nav h2 { font-size: 32px; }

.we { display: flex; position: absolute; padding-left: 127px; width: 330px; }

h1 { font-size: 60px; }

a { color: rgba(255, 85, 0, 0.867); }

.y { padding-left: 100px; }

.v { display: flex; width: 137px; height: 50px; padding-left: 35px; padding-top: 17px; margin-top: 75px; margin-left: 100px; gap: 0px; border-radius: 50px; opacity: 0px; background: #FD695A; border: none; outline: none; text-decoration: none; }

.rur { position: absolute; padding-left: 653px; width: 599px; height: 592px; padding-top: 50px; }

.pop { padding-top: 30px; }

body { background: white; }

.main { background: whitesmoke; border-radius: 10px; height: 200%; width: 100.5%; }

.erere { position: absolute; padding-left: 57%; padding-top: 10.4%; }

button { color: white; }

.açki-yox-eynək { position: absolute; padding-left: 80%; }

.huh { position: absolute; margin-left: 80%; margin-top: 10%; background: white; width: 200px; height: 80px; border-radius: 5%; }

.huh h3 { display: flex; padding-left: 40%; font-size: 18px; line-height: 10px; }

.huh p { display: flex; padding-left: 30%; padding-bottom: 233px; font-size: 14px; line-height: 5px; color: #3D3D3F; }

.org { position: absolute; margin-left: 5%; margin-top: 50%; background: white; width: 250px; height: 80px; border-radius: 5%; }

.org img { padding-left: 5%; position: absolute; padding-top: 2%; width: 70px; }

.org h3 { font-size: 15px; display: flex; }

.org p { padding-left: 98px; display: flex; font-size: 14px; color: #3D3D3F; }

.wqw { position: absolute; padding-left: 0%; padding-top: 5%; height: 55px; }

.j { display: flex; position: absolute; padding-left: 180px; padding-top: 0px; }

.l { display: flex; }

.j p { display: flex; position: absolute; padding-left: 160px; padding-top: 75px; font-size: 15px; color: #FD695A; }

.a { position: absolute; padding-top: 35px; padding-left: 483px; width: 350px; height: 255px; }

.o { display: flex; padding-top: 300px; padding-left: 33%; }

p { font-size: 25px; }

.m { display: flex; }

.m a { outline: none; text-decoration: none; }

.wqqqq { color: black; }

.z { display: flex; padding-top: 50px; padding-left: 50px;

}

.tr { font-size: 40px; padding-left: 50px; }

.n {

 padding-top: 35px;
 padding-left: 85px;
 height: 60px;

}

.wq { color: blue; font-size: 40px; padding-left: 20px;

}

.xz { font-size: 40px; color: #FD695A; padding-left: 85px; }

.vc { padding-left: 85px; padding-top: 30px; height: 70px; }

.br { font-size: 40px; padding-left: 100px;

}

.ol { margin-top: 250px; padding-left: 85px;

}

.q { outline: none; text-decoration: none;

}

.pi { color: #FD695A; }

.te { width: 200px; height: 50px; top: 39px; left: 1181px; gap: 0px; border-radius: 50px; opacity: 0px; background: #FD695A; border: none; outline: none; text-decoration: none; }

.pl img { padding-top: 20px; padding-left: 30%; }

.pl {

 display: flex;
 position: absolute;
 padding-left: 922px;

}

.yu { border-radius: 15px; height: 350px; width: 230px; border: 10px solid whitesmoke; background: white;

}

.yub { border-radius: 15px; height: 270px; width: 230px; border: 10px solid whitesmoke; margin-top: 5%; background: white; }

.yun { border-radius: 15px; height: 300px; width: 230px; border: 10px solid whitesmoke; background: white; }

.yur { border-radius: 15px; height: 270px; width: 230px; border: 10px solid whitesmoke; margin-top: 5%; background: white; }

.yur p { padding-left: 5%; font-size: 15px; }

.yub p { padding-left: 5%; font-size: 15px; }

.yub a { color: black; padding-left: 35%; }

.yub h3 { padding-left: 15%; }

.yun p { padding-left: 5%; font-size: 15px; }

.yun a { color: black; padding-left: 35%; }

.yun h3 { padding-left: 35.4%; }

.yur a { padding-left: 35%; }

.yur h3 { padding-left: 23%; }

.yu h3 { padding-left: 20%; }

.yu p { padding-left: 5%; font-size: 15px; }

.yu a { padding-left: 35%; color: black; }

.wqq { color: #FD695A; }

.bd { background: #FD695A; width: 230px; height: 15px; border-radius: 25%; margin-top: 10px; }

.qw img { padding-top: 20px; padding-left: 30%; }

.qw { margin-top: 200px; display: flex; position: absolute; margin-left: 60.6%; }

.wrap2 { line-height: 5%; }

.wrap3 { padding-top: 40px; }

.abut { padding-left: 85px; margin-top: 450px; }

.abut h2 { color: #FD695A; }

.abut button { width: 150px; height: 50px; top: 39px; left: 1181px; gap: 0px; border-radius: 50px; opacity: 0px; background: #FD695A; border: none; outline: none; text-decoration: none; }

.csgo { display: flex; position: absolute; padding-left: 60%; padding-top: 50px; width: 500px; }

.rtrr a { font-family: "Mulish"; font-size: 16px; font-weight: 700; line-height: 22px; text-align: left; padding-left: 5px; outline: none; border: none; color: #FD695A !important; }

.ui-ux { padding-top: 400px; padding-left: 85px; }

.ui-ux h2 { color: #FD695A; padding-left: 30px; }

.ui-ux h1 { padding-left: 30px; }

.insan { display: flex; position: absolute; padding-top: 35px; }

.list a { font-family: "Mulish"; font-size: 16px; font-weight: 700; line-height: 22px; text-align: left; padding-left: 40px; outline: none; border: none; color: rgba(0, 0, 0, 0.2) !important; }

.killer img { display: flex; position: absolute;

}

.killer { padding-left: 10%; }

.salam { padding-left: 85px; padding-top: 300px; }

.salam h2 { padding-left: 30px; color: #FD695A; }

.salam h1 { padding-left: 30px; }

.sekiller {

 padding-left: 85px;

}

.dr { padding-left: 130px; position: absolute; font-size: 30px; }

.dt { position: absolute; padding-top: 40px; padding-left: 130px; color: rgba(0, 0, 0, 0.418); }

.mesage { margin-top: 150px; display: flex; }

.yt { width: 86px; height: 86px; margin-left: 30px; margin-top: 15px; }

.trw { position: absolute; margin-top: 150px; margin-left: 40px; }

.pp { border-radius: 5%; width: 730px; height: 350px; background: white; }

.tre { position: absolute; padding-top: 157px; margin-left: 40px; }

.trt { position: absolute; padding-top: 190px; margin-left: 40px; font-size: 25.5px; }

.trb { position: absolute; padding-top: 225px; margin-left: 40px; }

.our button { border-radius: 50%; border: none; outline: none; text-decoration: none; background: white; width: 48.05px; height: 48.05px; margin-left: 750px; }

.our img { padding-top: 3px; }

.out button { border-radius: 50%; border: none; outline: none; text-decoration: none; background: #FD695A; width: 48.05px; height: 48.05px; margin-left: 750px; margin-top: 40px; }

.out img { padding-left: 2px; }

.ty { padding-left: 60%; padding-top: 20%; width: 400px; position: absolute;

}

.ju { padding-top: 20px; line-height: 15px; }

.contakt { width: 1300px; background: white; height: 284px; margin-top: 300px; margin-left: 85px; border-radius: 15px 0px 0px 0px; border: 8px solid rgba(255, 255, 255, 0.7) }

.contakt h2 { font-size: 42px; padding-left: 60%; }

.contakt button { display: flex; width: 157px; height: 50px; padding-left: 40px; padding-top: 17px; margin-top: 35px; margin-left: 60%; border-radius: 50px; opacity: 0px; background: #FD695A; border: none; outline: none; text-decoration: none; }

.control { position: absolute; height: 500px; padding-top: 6.6%; padding-left: 5%; }

.uyu a { color: #150A29; outline: none; text-decoration: none; transition: all linear 0.3s; }

HamidSim commented 3 months ago

figma https://www.figma.com/design/KY1OnSLRVHUj3PXMhD2MkN/proxylab?node-id=2-73&t=0Myz7NsdL8jO4Y7V-0