Git Product home page Git Product logo

startbootstrap / startbootstrap-stylish-portfolio Goto Github PK

View Code? Open in Web Editor NEW
870.0 51.0 1.4K 22.25 MB

A stylish, one page, Bootstrap portfolio theme created by Start Bootstrap

Home Page: https://startbootstrap.com/theme/stylish-portfolio/

License: MIT License

JavaScript 40.42% SCSS 27.37% Pug 32.21%
bootstrap html bootstrap4 bootstrap-4 bootstrap-theme bootstrap-template open-source free themes css

startbootstrap-stylish-portfolio's Introduction

Stylish Portfolio is a responsive, one page portfolio theme for Bootstrap created by Start Bootstrap. The theme features multiple content sections with an off canvas navigation menu.

Preview

Stylish Portfolio Preview

View Live Preview

Status

GitHub license npm version

Download and Installation

To begin using this template, choose one of the following options to get started:

Usage

Basic Usage

After downloading, simply edit the HTML and CSS files included with dist directory. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the index.html file in your web browser.

Advanced Usage

Clone the source files of the theme and navigate into the theme's root directory. Run npm install and then run npm start which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the package.json file to see which scripts are included.

npm Scripts

  • npm run build builds the project - this builds assets, HTML, JS, and CSS into dist
  • npm run build:assets copies the files in the src/assets/ directory into dist
  • npm run build:pug compiles the Pug located in the src/pug/ directory into dist
  • npm run build:scripts brings the src/js/scripts.js file into dist
  • npm run build:scss compiles the SCSS files located in the src/scss/ directory into dist
  • npm run clean deletes the dist directory to prepare for rebuilding the project
  • npm run start:debug runs the project in debug mode
  • npm start or npm run start runs the project, launches a live preview in your default browser, and watches for changes made to files in src

You must have npm installed in order to use this build environment.

Bugs and Issues

Have a bug or an issue with this template? Open a new issue here on GitHub or leave a comment on the template overview page at Start Bootstrap.

About

Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.

Start Bootstrap was created by and is maintained by David Miller.

Start Bootstrap is based on the Bootstrap framework created by Mark Otto and Jacob Thorton.

Copyright and License

Copyright 2013-2023 Start Bootstrap LLC. Code released under the MIT license.

startbootstrap-stylish-portfolio's People

Contributors

alanyee avatar cristianogregnanin avatar davidtmiller avatar initplatform avatar martin91 avatar vlad-turcanu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

startbootstrap-stylish-portfolio's Issues

Menu toggle

Menu toggle is not working on Chrome (Version 40.0.2214.94 m).

Adbloks issue

Hi. Google Chrome extension "Adblock Plus" identifies social icons is zone close to footer as an ad and bolcks it. How can I fix this issue? Thanks

Can't change Map address

Hi!, i'm try to changeing the address shown on the map by changeing the urls with the google Map's one that i want to show........ how can i solve this problem?

Can't make site live!?

I have edited the html to my site and then when I go to upload it and all the files to my html it keeps giving me a forbidden error when I try to look at the site.

Thanks!

Image license

Hi, I'm not so interested in the theme, but I am interested in the background image you ship with the theme.

Do you own the copyright? Could I use it on its own? Is it a stock photo which I can purchase somewhere?

Thanks!

Creating a Contact Page with Python Django

Hi, apologies upfront if the question appears to be silly.

I understand it is a one-page template, yet I would like to ask whether you are able to add links to that would direct user to other pages, for example the Contact Page ?

Thank you.

P.S. I am using Python Django backend framework.

Scroll to top button issue on mobile devices

First of all many thanks for this terrific template,
As I am customizing it for a new web site I noticed that the scroll to top button is not working on mobile devices when positioned on one of the four boxes (Stationary, Ice Cream,Strawberries and Workspace) of the portfolio section, it behaves as if you clicked one of the boxes directly.
Any help on this matter ?
Many thanks in advance
Anis

Map Takes Scroll Control

On my PC, when scrolling down the page, the map takes scroll control

Demo Page: http://ironsummitmedia.github.io/startbootstrap-stylish-portfolio/

First time I thought that was weird but intended behavior, I actually didn't know there was more at the bottom of the page below the map

== Potential Fixes?

IronSummitMedia/startbootstrap-stylish-portfolio
#9 Disable google maps scrolling hijack unless clicked

volny/stylish-portfolio-jekyll
Map widget captures scroll
Issue: volny/stylish-portfolio-jekyll#1
Commit: volny/stylish-portfolio-jekyll@318f311

How to update background colour of "services" section?

Hi,
Can you guide me to the CSS style that defines the background colour in the "services" and "The buttons below are impossible to resist" section?

Also, I would like to decrease the size of the footer?

Sorry if this has been already answered.
But if you could let me know I would really appreciate.

Regards,
Shaon21

double closing iframe tags

Hi

Is it correct to have two closing iframe tags, one at the end of line 225 and one on the line 230?

Gulp 4 issues

Hi,

I just tried to use your template and realised a minor error has appeared in the gulpfile.js after updating to gulp 4.0.

The command gulp watch is not available in its current form.

I modified the watch command to be:

gulp.task('watch', function () {
  gulp.series(build, gulp.parallel(watchFiles, browserSync));
});

This works, but I'm not sure if this is a proper fix.

resolution for smartphone

hi

In my smartphone i don't see the pictures in full frame because the pictures are crop, how do i do to modify thi parameter?

Thank you

Whatsapp Font Awesome icon not loading (on npm live server)

It is not loading when changing the class in the html file. I run the npm start command before doing so. All other icons, as far as I tested them, are working. What can I do? I've tried different approaches, like adding the class .icon-social-whatsapp to some CSS files, but that didn't work.

Newsletter form

Great free template...really thanks for this.
Just a request..not an issue of course: how about adding a simple form, for example for subscribing a newsletter?
Thanks

Stylesheet is missing

I downloaded the theme and put it in the themes folder then I got an error "Stylesheet is missing". What has caused this error?

Preview of theme

Would be great if a preview of the theme could be in the readme

Alignment issue in mobile device

Hi Sir,

I have seen a small alignment issue in the mobile devices on live server.
image

So the fix is using me-sm-4 instead of me-4

image

Thank you

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.