Coder Social home page Coder Social logo

marcelino-g / replicat Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 4.57 MB

A business landing page that emphasizes the features of its products. Inspired by the movie Blade Runner (1982).

Home Page: https://marcelino-g.github.io/RepliCat/

CSS 64.67% HTML 32.50% JavaScript 2.84%
landing-page landingpage beginner beginner-project beginner-code first-project beginners css html

replicat's Introduction

RepliCat

Site

https://marcelino-g.github.io/RepliCat/

Video Presentation

https://youtu.be/IgQrDlFUhxw

What

RepliCat is a landing page for the fictional company called The Siber Corporation. The purpose of it is to inform the viewer of the company's products and to give the viewer a chance to join their mailing list.

Why

This was made to demonstrate my capabilities of HTML and CSS by making a realistic buisness structured site with a fun movie theme.

How

The languages used to make this landing page were HTML and CSS. No Bootstrap was involved. All images used were made and edited using GIMP and Inkscape. Font used was downloaded from https://www.dafont.com/blade-runner-movie-font.font.

Page Description

At the top left of the page you will find the company's name with a line of it's history underneath it. The center of the page highlights three features of the products with illustrations that correspond with them. At the top right of the page sits the company's clickable logo. Clicking the logo makes a form appear that would add the viewer to the company's mailing list and let them know which product variation you are interested in (This is just a form and not a working feature).

Completed Picture

screenshot of completed project

Sources

replicat's People

Contributors

marcelino-g avatar

Watchers

 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.