Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

itzmidinesh/TickyBot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

9 Commits

Repository files navigation

Chingu Solo Project - Tier 1 - Tickybot Clone

TickyBot Clone

Overview

This is my attempt at cloning the TickyBot Page using HTML/CSS and JavaScript. This is to submit for the solo project at chingu.io

Cloning A Website

Cloning means to create a web page with a layout as identical as possible to the template. Fonts, colors, and images are not important. The layout of the web page on the other hand should be the same. A suggestion would be to compare the way the template looks face to face to the clone.

And no, you don't have to re-create the TickyBot animation if you don't feel ready :) If you want, use this opportunity to get creative and come up with something of your own for that space.

Requirements

Structure

  • Created the html with the required sections and the contents of each section is copied from the TickyBot Page for the cloning purpose.
  • The html contents are located in index.html

Style

  • To meet the requirements of cloning, styling has been done accordingly
  • No CSS library has been used to meet the requirement
  • The css contents are located in styles.css

Functionality

  • The smooth scrolling effect to the corresponding section from the navbar has been done in JavaScript
  • The smooth scrolling effect to the top of the window/page has been done in JavaScript*
  • 'Add to Slack' buttons are redirected to slack.com
  • The script is located in script.js

Other

  • Readme.md has been updated.
  • Checked and made sure there are no errors in the developer console.
  • Application is deployed using Vercel

Dependencies

  • Signika font is used from Google fonts

Running this project

  • Clone this project locally
  • Open index.html using your favorite browser
  • Check out the page's functionality

About

TickyBot clone for Chingu

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

AltStyle によって変換されたページ (->オリジナル) /