Code Monkey home page Code Monkey logo

3d-website's Introduction

3D-website

This Website is Describing more about 3D technology:

Description

In computer systems, 3D technology (three-dimensional) explains a photograph which gives visual information., The environment is called augmented reality whenever 3-D images are made dynamic so that the participants felt engaged with the setting. On Thee Other Hand, 3D Technology: Are Technologies which utilizes 3D visual appearances to create real-life or different virtual experiences. Such experiences range from overlap of technology to completely immersive reality devices.

Live Link To The Project

https://david-kasilia.github.io/3d-website/

Built with

  • HTML
  • CSS
  • JavaScript

Prerequisites

  • VSCode
  • Git
  • Browser With Developer Tools

Project Setup

  1. Created a Github Repository
  2. Cloned the created repository to my local machine
  3. I created setup-project branch to create all the files needed for the project. These Files include:
    • .github/workflows directory to store the linter.yml file
    • images directory to store the images used in creating this project.
    • stylesheet directory to store the style files for styling the website
    • script directory to store the script files for the website
    • pages directory to store the pages files for the website
    • index.html to write the HTML code.
  4. Created 3 branches to build the project code.
  5. Opened the folder Using VSCode.
  6. Completed the HTML code first
  7. Completed the CSS part.
  8. Used Media queries to make the website responsive.
  9. Added anmations to the website.
  10. Deployed the website using Github Pages.

3d-website's People

Contributors

david-kasilia avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

3d-website's Issues

Issues on Review 3d-website

Here the team feedback about the 3d website project

Feedback from @shuja-shah

  • From line number 17, he use id for body, it is better to leave using id or class selector
  • Instead of Creating a separate div for "header-container", you can add HTML .
  • The commit message is not more descriptive
  • There is a linter error Linter error
  • The document is not properly formatted, _I think it may reduce the code readability _
  • On your css it is not a good practice to use a background image for the body tag, it is better to use section and give the background image to that section.

Feedback from @Blossom-Aniedi

  • I don't think the height on your image is necessary
  • Great use of semantic tags but Id shouldn't be in a body please fix that

Feedback from @melashu

  • Better to use main tag for better html semantics
  • In header-container, For a menu instead of using h2 as a menu item it better to use <ul> and <li>.
  • I think it is really amazing if your code is properly formatted, it will increase your code readability

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.