Working on a One Piece website.

I didn't intend for this project to be about one piece but I start with the header and was looking for something I love and found a one piece vector image so yeah that where it started. I'm going to use all my CSS and HTML knowledge on this project. I might just throw in JQuery for which functionality but my main front end frame work is react.

If I want to use a gifs here it is. GIPHY is the perfect place: https://giphy.com/gifs/one-piece-YWB6Hi29vA3jG Might use Coverr

Gets the parent elment .parentNodeS Removes a element from the DOM $('.nav').remove();

//Add a declaration directly to inline style $('.nav').css({ 'display': none }); // Add a class to the element selected with jquery $('.nav').addClass('NewClass'); // Add a class to the element selected with javascript document.getElementById("myDIV"); element.classList.add("mystyle");

create an arrow
 &:after{
        content: "";
        position: absolute;
        top: 90%;
        left: 50%;
        border-top: 4rem solid #fff;
        border-bottom: 5rem solid #fff;
        border-top-color: rgba(#fff , 0.5);
        border-left: 5rem solid transparent;
        border-right: 5rem solid transparent;
        animation: moveInBottom 1s ease-out 2s;
        animation-fill-mode: backwards;
 }

Completed!