https://github.com/rcghpge/webpage
My webpage and a webpage building template.
https://github.com/rcghpge/webpage
github-pages github-pages-template landing-page landing-page-template web-dev web-development webpage webpage-template webpage-templates webpages website website-template
Last synced: 5 months ago
JSON representation
My webpage and a webpage building template.
- Host: GitHub
- URL: https://github.com/rcghpge/webpage
- Owner: rcghpge
- License: other
- Created: 2024-04-01T02:04:27.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-12-19T20:23:39.000Z (about 1 year ago)
- Last Synced: 2024-12-19T20:27:04.697Z (about 1 year ago)
- Topics: github-pages, github-pages-template, landing-page, landing-page-template, web-dev, web-development, webpage, webpage-template, webpage-templates, webpages, website, website-template
- Language: SCSS
- Homepage: http://robertcocker.com/
- Size: 5.35 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Webpage Template đź’»
This repository offers a modern and responsive single-page website template designed to help you showcase your skills, achievements, and aspirations. Whether you’re a college student preparing for your first job or a working professional advancing your career, this template is here to support you in building connections and expanding your professional network.
HTML5 Up has other webpage templates if you are an advanced programmer in webpage design - [link](https://html5up.net)
---
## About the Template
Influenced and inspired by a fellow Maverick and **Dimension theme by HTML5 UP**, this template provides a customizable design that’s ideal for creating a strong online presence. Use it to highlight your academic background, projects, career milestones, and more—tailored to your unique journey.
### Features
- 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.
---
## Getting Started
### Fork and Clone
1. Fork this repository to create your own copy on GitHub.
2. Clone your fork to your local machine:
```bash
git clone https://github.com/rcghpge/webpage-template.git
cd webpage-template # See Git docs, GitHub docs, and online sources for CLI workflows @ the command line.
```
### Customize
1. Open **`index.html`**:
- Replace placeholder content with your personal information and goals.
- Add your achievements and projects in the respective sections.
2. Update the **`assets/`** directory:
- Replace default images in `images/` with your own.
- Modify `assets/css/main.css` to adjust the design to your style.
---
## Free Deployment Options
Deploy your website with these **completely free** services for robust hosting:
### **1. GitHub Pages**
- **Benefits**: Easy setup, no configuration required.
- **Steps**:
1. Navigate to your repository’s **Settings**.
2. Under **Pages**, select the branch to deploy (e.g., `main`).
3. Your site will be live at `https://.github.io/`.
### **2. Netlify**
- **Benefits**: Drag-and-drop deployment with custom domain support.
- **Steps**:
1. Sign up at [Netlify](https://www.netlify.com).
2. Link your GitHub repository or manually upload your site files.
3. Get a live URL immediately.
### **3. Vercel**
- **Benefits**: Quick and optimized deployment for static sites.
- **Steps**:
1. Sign up at [Vercel](https://vercel.com).
2. Connect your GitHub repository and deploy.
3. Optional: Add a custom domain for free.
### **4. Cloudflare Pages**
- **Benefits**: Advanced performance, security, and free CDN.
- **Steps**:
1. Register at [Cloudflare Pages](https://pages.cloudflare.com).
2. Connect your GitHub repository.
3. Automatically deploy your site with ease.
---
## Who Can Use This Template?
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.
---
## Acknowledgements and License
This project is derived from **Dimension by HTML5 UP**:
- **Original Creator**: [HTML5 UP](https://html5up.net)
- **A fellow Maverick**: [Jacob Devasier @ GitHub](https://github.com/JDevasier)
- **License**: CC by 4.0 (updated CC), Creative Commons Attribution 3.0 ([View License](https://html5up.net/license))
### Additional Resources
- **Demo Images**: [Unsplash](https://unsplash.com)
- **Icons**: [Font Awesome](https://fontawesome.com)
- **Other Tools**:
- [jQuery](https://jquery.com)
- [Responsive Tools](https://github.com/ajlkn/responsive-tools)
- [GitHub Docs for CLI](https://docs.github.com/en)
- [Git Docs](https://git-scm.com/doc)
---
## Feedback
If you’re a web developer with insights for optimizing this repository, or if you have ideas for improvement, feel free to reach out. Your feedback is valued, and collaboration is always welcome.
- LinkedIn: [link](https://www.linkedin.com/in/robertcocker)
- Email: [link](mailto:academia@robertcocker.com)
---
Write your own story, this template has you covered. 🚀