diff --git a/page1/images/Ellipse 1 (1).jpg b/page1/images/Ellipse 1 (1).jpg deleted file mode 100644 index c983b74..0000000 Binary files a/page1/images/Ellipse 1 (1).jpg and /dev/null differ diff --git a/page1/images/Ellipse 1 (2).jpg b/page1/images/Ellipse 1 (2).jpg deleted file mode 100644 index 6f920fe..0000000 Binary files a/page1/images/Ellipse 1 (2).jpg and /dev/null differ diff --git a/page1/images/Ellipse 1.jpg b/page1/images/Ellipse 1.jpg deleted file mode 100644 index 274a5cc..0000000 Binary files a/page1/images/Ellipse 1.jpg and /dev/null differ diff --git a/page1/images/Image Slider.jpg b/page1/images/Image Slider.jpg deleted file mode 100644 index 7e1ea6d..0000000 Binary files a/page1/images/Image Slider.jpg and /dev/null differ diff --git a/page1/images/Logo-1.jpg b/page1/images/Logo-1.jpg deleted file mode 100644 index 20fff56..0000000 Binary files a/page1/images/Logo-1.jpg and /dev/null differ diff --git a/page1/images/Logo-2.jpg b/page1/images/Logo-2.jpg deleted file mode 100644 index 0e2bc00..0000000 Binary files a/page1/images/Logo-2.jpg and /dev/null differ diff --git a/page1/images/Logo-3.jpg b/page1/images/Logo-3.jpg deleted file mode 100644 index 73fe5a9..0000000 Binary files a/page1/images/Logo-3.jpg and /dev/null differ diff --git a/page1/images/Logo-4.jpg b/page1/images/Logo-4.jpg deleted file mode 100644 index e9e247a..0000000 Binary files a/page1/images/Logo-4.jpg and /dev/null differ diff --git a/page1/images/Logo-5.jpg b/page1/images/Logo-5.jpg deleted file mode 100644 index 38aa1f3..0000000 Binary files a/page1/images/Logo-5.jpg and /dev/null differ diff --git a/page1/images/Logo.jpg b/page1/images/Logo.jpg deleted file mode 100644 index d5ce645..0000000 Binary files a/page1/images/Logo.jpg and /dev/null differ diff --git a/page1/images/Rectangle 11.jpg b/page1/images/Rectangle 11.jpg deleted file mode 100644 index be21e80..0000000 Binary files a/page1/images/Rectangle 11.jpg and /dev/null differ diff --git a/page1/images/Rectangle 17.jpg b/page1/images/Rectangle 17.jpg deleted file mode 100644 index c4fad3a..0000000 Binary files a/page1/images/Rectangle 17.jpg and /dev/null differ diff --git a/page1/images/Rectangle 38.jpg b/page1/images/Rectangle 38.jpg deleted file mode 100644 index 464fa47..0000000 Binary files a/page1/images/Rectangle 38.jpg and /dev/null differ diff --git a/page1/images/Rectangle 39 (1).jpg b/page1/images/Rectangle 39 (1).jpg deleted file mode 100644 index 34e297b..0000000 Binary files a/page1/images/Rectangle 39 (1).jpg and /dev/null differ diff --git a/page1/images/Rectangle 39 (2).jpg b/page1/images/Rectangle 39 (2).jpg deleted file mode 100644 index 9a4129c..0000000 Binary files a/page1/images/Rectangle 39 (2).jpg and /dev/null differ diff --git a/page1/images/Rectangle 39.jpg b/page1/images/Rectangle 39.jpg deleted file mode 100644 index 83c8ded..0000000 Binary files a/page1/images/Rectangle 39.jpg and /dev/null differ diff --git a/page1/images/image 1 (1).jpg b/page1/images/image 1 (1).jpg deleted file mode 100644 index 83c2df3..0000000 Binary files a/page1/images/image 1 (1).jpg and /dev/null differ diff --git a/page1/images/image 1.jpg b/page1/images/image 1.jpg deleted file mode 100644 index 83c2df3..0000000 Binary files a/page1/images/image 1.jpg and /dev/null differ diff --git a/page1/images/image 2.jpg b/page1/images/image 2.jpg deleted file mode 100644 index e1aa5f3..0000000 Binary files a/page1/images/image 2.jpg and /dev/null differ diff --git a/page1/images/image 3.jpg b/page1/images/image 3.jpg deleted file mode 100644 index 2d5c1bd..0000000 Binary files a/page1/images/image 3.jpg and /dev/null differ diff --git a/page1/images/image 4 (1).jpg b/page1/images/image 4 (1).jpg deleted file mode 100644 index 9d8c42f..0000000 Binary files a/page1/images/image 4 (1).jpg and /dev/null differ diff --git a/page1/images/image 4.jpg b/page1/images/image 4.jpg deleted file mode 100644 index 8fd9c87..0000000 Binary files a/page1/images/image 4.jpg and /dev/null differ diff --git a/page1/images/image 5.jpg b/page1/images/image 5.jpg deleted file mode 100644 index 88393ea..0000000 Binary files a/page1/images/image 5.jpg and /dev/null differ diff --git a/page1/index.html b/page1/index.html deleted file mode 100644 index b186eef..0000000 --- a/page1/index.html +++ /dev/null @@ -1,353 +0,0 @@ - - - - - - - Figma To Code - - - - - - -
- -
- - -
-
-
-

- Introducing -

-
-
-

- Revolutionary co-working space to realize your innovation -

-
-

In frispes, we spearhead new initiatives and provide mentorship to a new startup, and help grow - their opportunities in - key local, regional and global markets

-
-
-
- - -
-

Find your space now

-
- - - - -
-
- - - - -
-
- - - - -
- -
- -
-
-
-
-

Our Spaces

-

Our space is designed to give you a different experience when working with your team or personally

-
- - -
-
-
-
- -
- -
- - - -
-
- -
-
- - - -
-

Private Space

-

Comfortable space, Full speed wifi, Free coffe & Snack - and many more

-
- -
- -
- - - -
-
-
-
- -
-
- -
-
-

Our Facilities ------

-
-

All facilities are designed to meet all your needs

-
- - -
-
-
    -
  • Spacious parking area
    • -
  • Comfortable spaces
    • -
  • Cozy cafe
    • -
  • Child playground
    • -
  • Outdoor spaces
    • -
-
-
- -
-
-
-
- -
-
-
-

Our Facilities ------

-
-

All facilities are designed to meet all your needs

-
-
- - -
-
- -
- - - - -
-
-
-

Who uses Frispes?

-

Big brands, small bussiness, new startuo and inividuals

-
- - - - - - -
-
- - -
- -
-
-
-

Our Facilities ------

-
-

All facilities are designed to meet all your needs

-
-
- - -
-
- - -
-
-

- Our team has been working at frispes for almost 2 months because our office still closed. During working at frispes, we - feel a new experience, we can feel working with a beautiful, modern, and comfortable space. And cozy cafe with - high-speed internet in there. Thank you for frispes and team. -

-
- -
-

Pedro Ibanez

-

UI Designer at Google

-
-
-
-
-

- The high-speed internet at frispes was so amazing. I can get best experience when running video call with my clients. - Frispes has spacious and safe parking area, that’s what i need because i used to work as freelancer for a long time. -

-
- -
-

Raymond Thual

-

Professional Freelancer

-
-
-
-
-

Just three words : Frispes is Awesome!

-
- -
-

Yuli Berlian

-

IOS Dev at Tokopedia

-
-
-
-
-
-
-

- - Find the answers to anything you need in our Help Center

- -
- -
- -
-

How di i know if a space is available

-
- -
- dont -
-
- -
- -
-

How di i know if a space is available

-
- -
- dont -
-
- -
- -
-

How di i know if a space is available

-
- -
- -
-
- -
-
- - - - - - \ No newline at end of file diff --git a/page1/style.css b/page1/style.css deleted file mode 100644 index 747538c..0000000 --- a/page1/style.css +++ /dev/null @@ -1,625 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Playfair+Display:wght@700&display=swap'); - -* { - padding: 0; - margin: 0; - text-decoration: none; - list-style: none; - box-sizing: border-box; -} - -body { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding-top: 6.2rem; -} - -header, -.hero-heading { - width: 1110px; -} - -h1 { - font-size: 5.2rem; -} - -h2 { - font-size: 4.0rem; -} - -h3 { - font-size: 3.4rem; -} - -h4 { - font-size: 2.0rem; -} - -html { - font-size: 10px; -} - -:root { - --orange: #FF5722; - --blue: #10375C; - --gray: #627689; - --white: #9A9A9A; -} - -/* ------------------------- header -------------- */ -header, -ul, -nav, -.hero-intro { - display: flex; - font-weight: 700; -} - - -li { - font-size: 1.6rem; -} - -nav { - justify-content: space-between; - align-items: center; - font-family: Lato; - width: 100%; -} - -.logo { - font-size: 2.4rem; - font-family: Playfair Display; -} - -ul li { - margin-right: 4rem; -} - -#nav-btn { - display: flex; -} - -#nav-btn li { - padding: 12px 24px; - color: var(--orange); -} - -#nav-btn li:nth-of-type(2) { - color: white; - background-color: var(--orange); - box-shadow: 0px 4px 16px 0px rgba(255, 87, 34, 0.32); -} - -/* --------------------------- hero ------------------- */ -#hero { - display: flex; - flex-direction: column; - align-items: center; - width: 100%; - margin: 50px 0; - /* border: 1px solid purple; */ - /* border: 1px solid red; */ -} - -.hero-intro { - align-items: center; - font-family: Lato; -} - -/* baat ek hi hai ki naya dev jod de ya fir ::after use krle -shayda esa hai ki inner elemetn apr kaam karta hai */ -.hero-intro::after { - content: ""; - width: 100px; - height: 2px; - margin-left: 2em; - background-color: black; -} - -.hero-heading { - display: flex; - flex-direction: column; - max-width: 1100px; - font-family: Playfair Display; - /* border: 1px solid red; */ -} - -.hero-heading div { - display: flex; -} - -.hero-heading h4 { - flex-shrink: 1.5; - line-height: 3.5rem; - font-family: Lato; - color: #6A6A6A; -} - -.hero-intro h4 { - color: black; -} - -.hero-heading h1 span { - color: var(--orange); -} - -.hero-cover { - width: 1366px; - padding-left: 50px; - display: flex; - height: 598px; - align-items: center; - /* border: 1px solid red; */ - background-repeat: no-repeat; - background-position: right; - background-image: url(images/Image\ Slider.jpg); -} - -.hero-find { - color: white; - min-width: 445px; - height: 459px; - padding: 42px 42px 0 42px; - line-height: 20px; - /* border: 1px solid green; */ - background-color: var(--blue); -} - -.hero-find fieldset { - font-family: Lato; - font-size: 1.6rem; - padding: 8px 16px; - margin-bottom: 25px; - border: 0px; - display: flex; - flex-direction: column; - background-color: #0D2C4A; -} - -.hero-find h3 { - margin-bottom: 30px; -} - -.hero-find fieldset input { - stroke: none; - font-family: Lato; - font-size: 1.6rem; - background-color: #0D2C4A; - border: 0px; -} - -.dlist { - background-color: blue; - border: 1px solid blue; - border-radius: 0 0 5px 5px; - border-top: none; - font-family: sans-serif; - width: 350px; - padding: 5px; - max-height: 10rem; - overflow-y: auto -} - -.hero-find fieldset label { - color: #fff; - opacity: 0.35; -} - -.btn { - font-family: Lato; - width: 100%; - color: white; - font-size: 18px; - background-color: var(--orange); - padding: 12.5px 114px; -} - -/* ------------------------------ our spaces --------------- */ -.spaces { - display: flex; - max-width: 1110px; - flex-direction: column; - /* border: 1px solid red; */ - width: 100%; -} - -.spaces-head { - display: flex; - align-items: center; - justify-content: space-between; -} - -.spaces-card { - margin-top: 50px; - display: flex; - justify-content: space-between; -} - -.spaces-head h2 { - font-family: Playfair Display; -} - -.spaces-head p { - font-size: 2rem; - width: 450px; - color: #9A9A9A; -} - -.spaces-head i { - margin-right: 25px; - font-size: 50px; -} - -.card-btn { - display: flex; - position: relative; - color: white; - font-size: 16px; - justify-content: center; - align-items: center; - right: 0; - bottom: 74px; - width: 72px; - height: 72px; - background-color: var(--orange); -} - -.spaces-card .card-btn:nth-child(1) { - /* background-color: pink; */ - align-self: flex-start; - bottom: -199px; -} - -.spaces-card div:nth-of-type(2) { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - width: 350px; - max-height: 420px; - color: #fff; - background-color: var(--blue); -} - -#achieve { - display: flex; - max-width: 1110px; - /* border: 1px solid red; */ -} - -.achieve-why { - width: 540px; - height: 420px; - color: white; - display: flex; - flex-direction: column; - justify-content: center; - padding: 55px; - background-color: var(--blue); -} - -.achieve-why h2 { - margin: 10px 0 25px 0; -} - -.achieve-why p { - font-size: 2rem; - line-height: 30px; -} - -.achieve-why h4, -p { - opacity: 0.8; -} - -.achieve-num { - display: flex; - flex-direction: column; - justify-content: space-between; - padding: 50px 71px 50px 0; - /* border: 1px solid gray; */ -} - -/* -- facility area --- */ -#facility { - font-family: Lato; - width: 1110px; - /* border: 1px solid red; */ -} -#facility h4 { - font-family: Playfair Display; - color: #222831; - line-height: 50px; -} -#facility h2{ - max-width: 570px; -} -#facility > div:nth-of-type(2){ - display: flex; - justify-content: space-between; - margin-top: 50px; -} -#facility>div:nth-of-type(2) ul { - display: flex; - flex-direction: column; - /* border: 1px solid red; */ -} -#facility>div:nth-of-type(2) ul li{ - font-size: 2rem; - font-weight: bold; - padding: 25px; - /* border: 1px solid red; */ -} -#facility>div:nth-of-type(2) ul li:nth-of-type(3) { - color: white; - background-color: var(--orange); - /* border: 1px solid red; */ -} - -/* ------------- gellery ------- */ -#gellary { - max-width: 1366px; - display: flex; - flex-direction: column; - margin-top: 50px; - /* border: 1px solid red; */ -} -#gellary > div:nth-of-type(1) { - display: flex; - justify-content: space-between; - padding: 0 90px; - margin-bottom: 50px; -} -#gellary > div:nth-of-type(1) > div:nth-of-type(1) { - line-height: 50px; - max-width: 620px; - /* border: 1px solid red; */ -} -#gellary > div:nth-of-type(1) > div:nth-of-type(2) { - font-size: 5rem; - align-self: last baseline; -} -#gellary > div:nth-of-type(2) { -display: flex; -justify-content: space-around; -width: 100%; -} -#gellary > div:nth-of-type(2) img{ - flex-shrink: 1; -} -/* -------- used by -------- */ - -#usedBy { - width: 1175px; - margin-top: 50px;; - display: flex; - flex-direction: column; - align-items: center; - justify-content: space-between - -} -#usedBy p{ - font-size: 2rem; - margin: 25px 0 56px 0; -} -#usedBy div{ - display: flex; - justify-content: center; - justify-content: space-between; - - width: 100%; -} -#usedBy div img{ - object-fit: contain; - /* border: 1px solid red; */ -} - -/* ----------- review --- */ -#review { - font-family: Lato; - width: 1366px; - display: flex; - flex-direction: column; - margin-top: 50px; - /* border: 1px solid red; */ -} - -#review>div:nth-of-type(1) { - display: flex; - justify-content: space-between; - padding: 0 90px; - margin-bottom: 50px; -} -#review>div:nth-of-type(2) { - display: flex; - justify-content: space-around; - width: 100%; - /* border: 1px solid rgb(0, 255, 149); */ -} - -#review>div:nth-of-type(1)>div:nth-of-type(1) { - line-height: 50px; - max-width: 620px; - /* border: 1px solid red; */ -} - -#review>div:nth-of-type(1)>div:nth-of-type(2) { - font-size: 5rem; - align-self: last baseline; - -} -.review-box{ - display: flex; - flex-direction: column; - justify-content: space-between; - color: white; - width: 400px; - height: 390px; - padding: 40px; - background-color: var(--blue); - /* margin: 0 20px; */ - /* border: 1px solid red; */ -} -.review-box p{ - font-size: 1.6rem; - line-height: 2.5rem; -} -.review-box > div { - display: flex; - align-items: center; - width: 100%; - /* border: 1px solid red; */ -} -.review-box > div div p:nth-of-type(1){ - font-weight: bold; - -} -.review-box > div i{ - font-size: 4rem; - margin-right: 20px; -} -/* ------ QA ---- */ -#qa { - /* how to centre without flex */ -} -#qa h2{ - margin: 50px; - max-width: 578px; - text-align: center; - /* border: 1px solid rgb(0, 255, 153); */ -} -#qa p { - text-align: center; - font-size: 2.6rem; -} -#qa > div { - display: flex; - column-gap: 30px; - margin-bottom: 50px; -} -#qa>div>div { - width: 360px; - box-sizing: border-box; - /* border: 1px solid rgb(0, 255, 153); */ -} -#qa > div > div > div:nth-of-type(1){ - padding: 40px; - padding-bottom: 60px; - box-shadow: 0px 5px 10px 5px rgba(223, 223, 223, 0.50); - /* border: 1px solid rgb(0, 255, 153); */ -} -#qa>div>div:nth-of-type(2) div:nth-of-type(1){ - color: white; - background-color: var(--orange); - /* border: 1px solid rgb(0, 255, 153); */ -} -#qa>div>div:nth-of-type(2) div:nth-of-type(2) { - background-color: white; - color: var(--orange); - box-shadow: 0px 5px 10px 5px rgba(221, 44, 0, 0.24); -} -#qa>div>div>div:nth-of-type(2) { - /* how to centre without flex */ - position: relative; - top: -32px; - color: white; - font-size: 1.6rem; - left: 140px; - width: 65px; - height: 65px; - background-color: var(--orange); - text-align: center; - /* border: 1px solid rgb(0, 51, 255); */ -} - /* ------------ footer --------- */ - footer { - font-family: Lato; - display: flex; - padding: 56px 165px; - background-color: var(--blue); - color: white; - } - - footer p{ - font-size: 2rem; - color: white; - margin-bottom: 25px; - opacity: 0.5; - line-height: 26px; - } - footer > div p{ - margin-top: 7px; - width: 255px; - } - footer > div:nth-of-type(1){ - margin-right: 128px; - display: flex; - flex-direction: column; -} -footer > div:nth-of-type(1) div{ - font-size: 25px; -} -footer>div:nth-of-type(1) div i{ - margin-right: 16px; -} -footer div:nth-of-type(2){ - display: flex; - /* border: 1px solid green; */ -} -footer ul { - width: 200px; - display: flex; - flex-direction: column; - row-gap: 9px; - /* border: 1px solid red; */ - - } - footer ul li { - line-height: 26px; - font-weight: 400; - /* border: 1px solid red; */ - } - - - - - - - - - - - - - - - -@media (max-width: 1200px) { - section, footer, header { - /* width: 100%; */ - } - header { - /* border: 1px solid red; */ - } - -} - -@media (min-width: 1200px) { - - header { - /* border: 1px solid green; */ - width: 100%; - } - - .hero-cover { - width: 100%; - } - - /* section ki width 1110px tab tak jab tak ki window screen width 1110 tak nahi pohochti - iske baad se 100% par chalenge */ -} - -/* next time mai ya karung aki flex ki class banaunga aur chhoti chhoti cheezo mai class bandunga */ \ No newline at end of file