code-institute-submissions / ciproject2-1 Goto Github PK

My Portfolio: this is one page sample of html5, Css3 and javascript to show my proffision.

Essentially, this part is your sales pitch.

UX This will be link to my resume and all employer can see my portfolio easily.

Features This is my portfolio with four deferent sections has been linked to menue with a simple anchor:

-Home -about -portfolio -D3Chatr -contact

It is easy to novigate and see the sections to have information or contact. This project is responsive and usese java script in different parts to make it attractive.

D3 Chart Steps:

The Html part of the code just creates a div that will be modified by d3 later on. The first part of the javascript code set a svg area. It specify the chart size and its margin. Read more. A histogram displays the distribution of a numeric variable. So you basically need only one column in your input file. This numeric variable is provided to the d3.histogram() function that will compute the binning and returns the coordinates of each bar. These bars can thus be drawn using a classic .append("rect") approach.

Deployment This project pushed in GitHub in my accont and finally cloned in www.netlify.com. it's link is accesibles via this link: https://optimistic-raman-d1d00a.netlify.com/index.html?#team

Credits Content The text for were copied from https://www.lipsum.com/

• jQuery FlexSlider v2.2.0

• http://www.woothemes.com/flexslider/

• Copyright 2012 WooThemes

• Free to use under the GPLv2 license.

• http://www.gnu.org/licenses/gpl-2.0.html

• Contributing author: Tyler Smith (@mbmufffin)

• jQuery FlexSlider v2.2.2

• Copyright 2012 WooThemes

• Contributing Author: Tyler Smith

• Lightbox v2.7.1

• by Lokesh Dhakar - http://lokeshdhakar.com/projects/lightbox2/

• @license http://creativecommons.org/licenses/by/2.5/

• • Free for use in both personal and commercial projects
• • Attribution requires leaving author name, author link, and the license info intact

• jquery-simple-text-rotator.js v1

• ===========================================================

• Copyright 2013 Pete Rojwongsuriya.

• http://www.thepetedesign.com

• A very simple and light weight jQuery plugin that

• allows you to rotate multiple text without changing

• the layout

• https://github.com/peachananr/simple-text-rotator

• Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome

• License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

• Modernizr 2.7.1 (Custom Build) | MIT & BSD

• Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-flexboxlegacy-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-cssclasses-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load

// SmoothScroll v0.9.9 // Licensed under the terms of the MIT license.

// People involved // - Balazs Galambosi: maintainer (CHANGELOG.txt) // - Patrick Brunner ([email protected]) // - Michael Herf: ssc_pulse Algorithm

Media The photos used in this site were obtained from https://unsplash.com/photos/