Giter VIP home page Giter VIP logo

yasirwiifto-subaxtech_novresub's Introduction

Subax Tech


Mockup
Click to see the website

Subax Tech

Subax Tech is a web design and development agency. This is just a practice of how I want to build my web agency. This idea of having a web agency the way it started was; I was talking to one of my best friends and we were discussing how to have our business and then he told me this idea and that's how it started.


User Experience

User stories

  • As a user, I want to easily understand the main purpose of the site and learn more about the organisation.
  • As a user, I want to be able to easily navigate throughout the link navigation to find content.
  • As a user, I want to be able to easily navigate to and view a content.
  • As a user, I want to be able to easily contact the oragnisation.
  • Business owner goals

  • As the site owner, I want my visitors to feel connected to what we offer.
  • As the site owner, I want my visitors to see what we do when they first visit my website.
  • As the site owner, I make sure my visitors have easy and smooth navigation so they can visit the pages they want.
  • Target Audience
  • Anyone who wanted to have a website.
  • Anyone who wanted to have a logo.
  • Anyone who wanted to have a brand identity.
  • Anyone who wanted to have a rebrand.
  • Anyone who wanted to have a web design.
  • Anyone who wanted to have a graphic design.
  • Features:

    Existing Features

    Navigation bar - Logo andnavigation bar has a consistent look and placement on all three pages of the website supporting easy navigation. It includes a simple Logo, Service page, we are page (about) and get in touch page (contact) and is responsive on multiple screen sizes. On small screens (e.g. mobile devices) the navbar will be collapsed.
    ![Navbar](/assets/images/nav.png)
    Home page
    The home page is the first thing the visitors will see and I displayed a little tagline below the nav bar also what we do section after the tagline.

    home page

    Footer

    footer page

    Service page

    service page

    Contact page

    contact page

    About page

    about page

    Wireframes

    Home page

    home page deskop

    home page desktop wireframe

    home page tablet

    home page tablet wireframe

    home page mobile

    home page mobile wireframe

    Service page

    service page desktop

    service page desktop wireframe

    service page tablet

    service page tablet wireframe

    service page mobile

    service page mobile wireframe

    We are page

    we are page desktop

    we are page desktop wireframe

    we are page tablet

    we are tablet wireframe

    we are page mobile

    about page mobile wireframe

    Get in Touch page

    Get in Touch page desktop

    Get in Touch page desktop wireframe

    Get in Touch page tablet

    Get in Touch page tablet wireframe

    Get in Touchpage mobile

    Get in Touch page mobile wireframe


    Design

    fonts

  • Oswald
  • Lato
  • color

    black background color and white text color white background color and black text color

    Technology used

  • Balsamiq for the wireframes
  • Fontawsome for the icons
  • Google fonts for the font style
  • GitHub
  • Git
  • Gitpod
  • Adobe photoshop
  • Adoper Illustrator

  • Languages used

  • HTML
  • CSS

  • frameworks

    Bootstrap 5

    Validation check

    index page HTML validation check

    index page CSS validation check

    Credits

    Code



    images

    Images of What we do section:

    Depleyment

    The website was deployed using GitHub Pages by following these steps:

    In the GitHub repository navigate to the Settings tab On the left hand menu select Pages For the source select: Deploy form a branch For the branch select: main After the webpage refreshes automaticaly you will se a ribbon on the top saying: "Your site is live at https://yasirwiifto.github.io/SubaxTech/

    yasirwiifto-subaxtech_novresub's People

    Contributors

    yasirwiifto avatar

    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.