Profile
Switch
About
This code is designed to look like the a Nintendo Switch. The colors of the Joycons, Switch, UI, and text are all customizable. Features four tabs that are connected to the A/B/X/Y buttons and a home page with a landscape image. This code is mobile friendly and only uses HTML, so no premium needed.
The example preview here uses characters and images from Animal Crossing: New Horizons. All artwork featured are official renders and screenshots from Nintendo.
Changelog
-
5/4/21:
This has been ready to post for the past day and a half, but I've been so lazy aaaaa.
So here we are, another recreation of something.
I may change things up/add more to this later, I'm still iffy about whether or not I like the page design. I was so sick of working on it I kinda got lazy.
Terms Of Use
- Do not remove the credit from the code. You can move it around to a different location, but keep it visible and do not remove it completely.
- Feel free to Frankenstein my code into others' codes so long as they're okay with it too. Make sure to credit me, and follow the other person's credit rules as well.
- Please have some knowledge of how HTML works. I'm happy to help if there are any bugs, or something breaks, but I will not edit the whole thing for you if you don't know HTML. If you need help installing it, follow these instructions.
- By using my code, you agree to these terms.
- This is less of a rule and more of an option, but if you like this code, please give it a favorite. It lets me know what types of code I should make more of.
- This is also optional, but I'd love to see what people make! Comment a link if you're okay with showing it off to me.
Live Preview
About
Provide a short summary of who your character is here. This box will scroll with enough content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at volutpat libero, sed bibendum ex. Vestibulum maximus feugiat neque. Curabitur quis condimentum eros. Duis at mi a metus aliquam consectetur. Proin auctor faucibus libero in commodo. Aliquam sit amet magna hendrerit, fermentum est at, tempor eros. Morbi tellus mauris, consectetur vitae ornare id, dignissim eu libero. Proin tincidunt felis ut enim ornare, sed ullamcorper diam accumsan. Donec tincidunt lectus quam, sit amet pretium massa placerat sed.
History
Provide a history of your character here. How were they raised, defining moments in their life, etc. This box will scroll with enough content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at volutpat libero, sed bibendum ex. Vestibulum maximus feugiat neque. Curabitur quis condimentum eros. Duis at mi a metus aliquam consectetur. Proin auctor faucibus libero in commodo. Aliquam sit amet magna hendrerit, fermentum est at, tempor eros.
Subheading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at volutpat libero, sed bibendum ex. Vestibulum maximus feugiat neque. Curabitur quis condimentum eros. Duis at mi a metus aliquam consectetur. Proin auctor faucibus libero in commodo. Aliquam sit amet magna hendrerit, fermentum est at, tempor eros. Morbi tellus mauris, consectetur vitae ornare id, dignissim eu libero. Proin tincidunt felis ut enim ornare, sed ullamcorper diam accumsan. Donec tincidunt lectus quam, sit amet pretium massa placerat sed.
Personality
Provide a description of your character's personality here. This box will scroll with enough content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at volutpat libero, sed bibendum ex. Vestibulum maximus feugiat neque. Curabitur quis condimentum eros. Duis at mi a metus aliquam consectetur. Proin auctor faucibus libero in commodo. Aliquam sit amet magna hendrerit, fermentum est at, tempor eros.
Likes
- One
- Two
- Three
- Four
Dislikes
- One
- Two
- Three
- Four
Traits
- One
- Two
- Three
- Four
Misc. Info
Trivia
- One
- Two
- Three
- Four
Credit
- One
- Two
- Three
- Four
Design
Notes
- One
- Two
- Three
- Four
Character Name
Describe the relationship between these two characters here. This box will scroll with enough content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at volutpat libero, sed bibendum ex. Vestibulum maximus feugiat neque. Curabitur quis condimentum eros.
Character Name
Describe the relationship between these two characters here. This box will scroll with enough content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at volutpat libero, sed bibendum ex. Vestibulum maximus feugiat neque. Curabitur quis condimentum eros.
Character Name
Describe the relationship between these two characters here. This box will scroll with enough content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at volutpat libero, sed bibendum ex. Vestibulum maximus feugiat neque. Curabitur quis condimentum eros.