Webpage setup for templating. A wip. Looking to redesign.
HTML5 Up has other webpage templates if you are an advanced programmer in webpage design - link
This is my webpage repository turned template for web page design. It is a wip and setup for web development in open source.
- Responsive design for mobile, laptop, tablet, and desktop.
- Dedicated sections for About Me, Projects, Courses, and Contact.
- Easy integration with LinkedIn, GitHub, and downloadable resumes.
- Clean and simple HTML/CSS for quick customization.
- All features are customizable. Tailor your page to your story.
- Fork this repository to create your own copy on GitHub.
- Clone your fork to your local machine:
git clone https://github.com/rcghpge/webpage.git cd webpage # See Git docs, GitHub docs, and online sources for CLI workflows @ the command line.
- Open
index.html:- Replace placeholder content with your personal information and goals.
- Add your achievements and projects in the respective sections.
- Update the
assets/directory:- Replace default images in
images/with your own. - Modify
assets/css/main.cssto adjust the design to your style.
- Replace default images in
Deploy your website with these completely free services for robust hosting:
- Benefits: Easy setup, no configuration required.
- Steps:
- Navigate to your repository’s Settings.
- Under Pages, select the branch to deploy (e.g.,
main). - Your site will be live at
https://<your-username>.github.io/<your-domain-name>.
- Benefits: Drag-and-drop deployment with custom domain support.
- Steps:
- Sign up at Netlify.
- Link your GitHub repository or manually upload your site files.
- Get a live URL immediately.
- Benefits: Quick and optimized deployment for static sites.
- Steps:
- Sign up at Vercel.
- Connect your GitHub repository and deploy.
- Optional: Add a custom domain for free.
- Benefits: Advanced performance, security, and free CDN.
- Steps:
- Register at Cloudflare Pages.
- Connect your GitHub repository.
- Automatically deploy your site with ease.
This template is suitable for:
- College Students: Highlight your academic background, skills, and career aspirations.
- Working Professionals: Display your expertise, accomplishments, and career milestones.
- Anyone Building Their Network: Establish a professional online presence to connect with peers and collaborators.
This project is derived from Dimension by HTML5 UP:
- Original Creator: HTML5 UP
- Jacob Devasier: GitHub
- License: CC by 4.0 (updated CC), Creative Commons Attribution 3.0 (View License)
- Demo Images: Unsplash
- Icons: Font Awesome
- Other Tools: