https://github.com/pushpendra-1697/simplotel

An user-interface (UI) design by using plain HTML and CSS, without using any library or frameworks.
https://github.com/pushpendra-1697/simplotel

cascading-style-sheets linear-gradient object-fit plain-css plain-html position-css

Last synced: about 1 year ago
JSON representation

An user-interface (UI) design by using plain HTML and CSS, without using any library or frameworks.

• Host: GitHub
• URL: https://github.com/pushpendra-1697/simplotel
• Owner: Pushpendra-1697
• Created: 2023-05-02T08:44:08.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-05-03T05:49:06.000Z (almost 3 years ago)
• Last Synced: 2025-01-06T04:13:04.285Z (over 1 year ago)
• Topics: cascading-style-sheets, linear-gradient, object-fit, plain-css, plain-html, position-css
• Language: CSS
• Homepage: https://marvelous-sunburst-781d52.netlify.app/
• Size: 10.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Simplotel Assignment

An user-interface (UI) design by using plain HTML and CSS, without using any library or frameworks.

# Tech Stack:

Plain HTML and cascading-style-sheets (CSS)

# Netlify Deploy Link:

```bash

   https://marvelous-sunburst-781d52.netlify.app/

```

# Some Project Screenshots:

```bash

   For Mobile Screen: @media all and (min-width: 320px) and (max-width:480px)

   For Tablet Screen: @media all and (min-width: 481px) and (max-width:768px)

   For Desktop Screen: Screen Size > 768px 

```

# A) For Desktop Screen:

![Screenshot (234)](https://user-images.githubusercontent.com/104748364/235758621-ddf2730c-b729-4b02-bdb4-27bc6fdd09ba.png)

![Screenshot (235)](https://user-images.githubusercontent.com/104748364/235758639-ffc0f4ae-92c4-4e9e-9dea-56a8eededd92.png)

# B) For Tablet Screen:

![Screenshot (238)](https://user-images.githubusercontent.com/104748364/235758690-b1aa5bc2-85cc-4bd8-bc8c-006deb92263b.png)

![Screenshot (239)](https://user-images.githubusercontent.com/104748364/235758744-51e6eae6-efd0-40ab-b235-0333e2fa3109.png)

# C) For Mobile Screen:

![Screenshot (240)](https://user-images.githubusercontent.com/104748364/235758775-769b1906-98b7-4e04-9dfb-cba7160f7fcc.png)

![Screenshot (241)](https://user-images.githubusercontent.com/104748364/235758796-21d3413e-6ead-48d5-879e-e1a530364f17.png)