simple-landing-page

simple-landing-page

A very simple, shadcn inspired jekyll landing page for personal websites and portfolios

Simple Landing Page Jekyll Template

A clean, modern, and easy-to-use landing page template for Jekyll. Perfect for portfolios, resumes, and personal sites.

Important for GitHub Pages users:

If you deploy this site to GitHub Pages, set the baseurl in your _config.yml to the name of your repository (e.g. baseurl: "/simple-landing-page"). This ensures your CSS, images, and other assets load correctly. See the instructions below!

🚀 Live Demo

Check out a live demo here!

Features

  • Responsive, modern design
  • Easy configuration via _config.yml
  • Portfolio section
  • Social/profile links
  • Customizable with your own content and styles

Getting Started

  1. Clone this repository
    git clone https://github.com/kaskavalci/simple-landing-page.git my-portfolio
    cd my-portfolio
    
  2. Install dependencies
    bundle install
    
  3. Edit _config.yml with your info (name, email, social links, portfolio, etc.)
    • If deploying to GitHub Pages: Set baseurl to your repo name, e.g. baseurl: "/simple-landing-page"
  4. Add your profile photo to assets/profile-photo.jpg (a fun avatar is included by default!)
  5. (Optional) Add portfolio images to assets/ and update image_url in _config.yml
  6. Run locally:
    bundle exec jekyll serve
    
  7. Visit http://localhost:4000 to see your site!

Deploy to GitHub Pages

  1. Create a new repository on GitHub.
  2. Push your local repository to the new GitHub repository.
  3. Enable GitHub Pages in the repository settings.
  4. Visit your site at https://yourusername.github.io/your-repo-name/.
  5. Read more about GitHub Pages and Jekyll.

Configuration

Edit _config.yml to set your:

  • Name, tagline, description
  • Social links (GitHub, LinkedIn, Twitter, Blog, Resume)
  • Portfolio projects (title, description, image, links)
  • baseurl (for GitHub Pages, set to your repo name)

Customization

  • Profile photo: Replace assets/profile-photo.jpg
  • Portfolio images: Add images to assets/ and update image_url
  • Colors & styles: Edit assets/css/theme.css
  • Footer: The footer links back to this template—feel free to customize or keep it!

Credits

License

MIT. Have fun and make it your own!