Skip to content
/ Figma-Design-Clone Public

We have assigned this project by Masai as Construct Week Project. This is a collaborative project. We are 5 members all of us contributed in this project. We have used HTML, CSS and SASS Framework to create the UI. And also we have used Media Queries to give it responsiveness for small screen size devices.

bounty-invention-713.netlify.app/
0 stars 2 forks Branches Tags Activity
Star
Notifications You must be signed in to change notification settings

sur-123-bhi/Figma-Design-Clone

BranchesTags

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

138 Commits
.vscode
.vscode
 
 
.gitignore
.gitignore
 
 
Attachement.svg
Attachement.svg
 
 
Bitmap (1).jpg
Bitmap (1).jpg
 
 
Bitmap (1).png
Bitmap (1).png
 
 
Bitmap.jpg.png
Bitmap.jpg.png
 
 
Bitmap.png
Bitmap.png
 
 
Combined Shape (1).svg
Combined Shape (1).svg
 
 
Combined Shape (2).svg
Combined Shape (2).svg
 
 
Combined Shape (3).svg
Combined Shape (3).svg
 
 
Combined Shape.svg
Combined Shape.svg
 
 
Fill 16.svg
Fill 16.svg
 
 
Group.jpg.png
Group.jpg.png
 
 
LOGO.png
LOGO.png
 
 
Map.png
Map.png
 
 
Novem-Card-Brush-Img1.png
Novem-Card-Brush-Img1.png
 
 
Novem-Card-Chair-Img2.png
Novem-Card-Chair-Img2.png
 
 
Path (1).png
Path (1).png
 
 
Path.png
Path.png
 
 
README.md
README.md
 
 
Shape.png
Shape.png
 
 
arrow.jpg
arrow.jpg
 
 
banana-beach-img.png
banana-beach-img.png
 
 
bannerImg.png
bannerImg.png
 
 
bigger-yellow-back-img.png
bigger-yellow-back-img.png
 
 
bnb.png
bnb.png
 
 
button-with-plus-sign.svg
button-with-plus-sign.svg
 
 
camera-icon-img.svg
camera-icon-img.svg
 
 
card1.png
card1.png
 
 
card2.png
card2.png
 
 
card3.png
card3.png
 
 
clip-list-is-empty.png
clip-list-is-empty.png
 
 
clip-message-sent.svg
clip-message-sent.svg
 
 
clip-no-messages (1).png
clip-no-messages (1).png
 
 
clock-icon.svg
clock-icon.svg
 
 
contact-locator.png
contact-locator.png
 
 
contact.css
contact.css
 
 
contact.css.map
contact.css.map
 
 
contact.html
contact.html
 
 
contact.scss
contact.scss
 
 
contact_image.png
contact_image.png
 
 
container5-img.jpg
container5-img.jpg
 
 
diamond-icon.svg
diamond-icon.svg
 
 
email.png
email.png
 
 
facebook-inside.png
facebook-inside.png
 
 
facebook.png
facebook.png
 
 
google.png
google.png
 
 
hand-img.png
hand-img.png
 
 
inata-inside.png
inata-inside.png
 
 
index.html
index.html
 
 
locater_contact.png
locater_contact.png
 
 
mainLogo.webp
mainLogo.webp
 
 
menuIcon.svg
menuIcon.svg
 
 
nytimes.png
nytimes.png
 
 
orange-img.png
orange-img.png
 
 
person (2).png
person (2).png
 
 
person1.png
person1.png
 
 
person3.png
person3.png
 
 
pink-background-img.png
pink-background-img.png
 
 
plus-sign.svg
plus-sign.svg
 
 
skyblue-background-img.png
skyblue-background-img.png
 
 
small-pink-background-img.png
small-pink-background-img.png
 
 
small-skyblue-background-img.png
small-skyblue-background-img.png
 
 
social.jpg
social.jpg
 
 
social.png
social.png
 
 
spotify.png
spotify.png
 
 
styles.cs
styles.cs
 
 
styles.cs.map
styles.cs.map
 
 
styles.css
styles.css
 
 
styles.css.map
styles.css.map
 
 
styles.css]
styles.css]
 
 
styles.css].map
styles.css].map
 
 
styles.scss
styles.scss
 
 
twitter-inside.png
twitter-inside.png
 
 
white-container-img.png
white-container-img.png
 
 
yellow-background-img.png
yellow-background-img.png
 
 

Repository files navigation

bouncy-invention-713

We have build this project to make the practical implementation of all the skills that we have learned till now in our journey.

This is the deployed link through which you can visit to our website:- https://bouncy-invention-713.netlify.app/

Teck stack: HTML CSS SASS

  • for structuring the webpage HTML
  • for styling the webpage CSS
  • for structuring the css file SASS

images of the webpages Top section of the landing page- Screenshot (214)

One of the section i.e present in our landing page- Screenshot (215)

Top section of the contact page- Screenshot (216)

Footer section of both the landing page as well ascontact page- Screenshot (217)

We added responsiveness also with both the pages-

Screenshot (219) Screenshot (220)

Screenshot (221) Screenshot (227)

Screenshot (224) Screenshot (223)

About

We have assigned this project by Masai as Construct Week Project. This is a collaborative project. We are 5 members all of us contributed in this project. We have used HTML, CSS and SASS Framework to create the UI. And also we have used Media Queries to give it responsiveness for small screen size devices.

bounty-invention-713.netlify.app/

Topics

css html sass

Resources

Readme
Activity

Stars

0 stars

Watchers

1 watching

Forks

2 forks
Report repository

Releases

No releases published

Packages

No packages published

Contributors 5

Languages