Freelancer est une page, un thème de portefeuille Freelancer construit avec Bootstrap créé par Start Bootstrap. Ce thème comprend plusieurs sections de contenu, une grille de portefeuille réactive, des fenêtres modales pour chaque élément de portfolio et un formulaire de contact basé sur PHP fonctionnel.
Voir l'aperçu en direct
Pour commencer à utiliser ce modèle, choisissez l'une des options suivantes pour commencer:
npm i startbootstrap-freelancer
git clone https://github.com/StartBootstrap/startbootstrap-freelancer.git
Après téléchargement, modifiez simplement les fichiers HTML et CSS inclus avec dist
Directory. Ce sont les seuls fichiers dont vous avez besoin, vous pouvez ignorer tout le reste! Pour prévisualiser les modifications que vous apportez au code, vous pouvez ouvrir le fichier index.html
dans votre navigateur Web.
Clone les fichiers source du thème et naviguez dans le répertoire racine du thème. Exécutez npm install
, puis exécutez npm start
qui ouvrira un aperçu du modèle dans votre navigateur par défaut, surveillez les modifications des fichiers de modèle de base et rechargez en direct le navigateur lorsque les modifications sont enregistrées. Vous pouvez afficher le fichier package.json
pour voir quels scripts sont inclus.
npm run build
construit le projet - cela construit des actifs, HTML, JS et CSS dans dist
npm run build:assets
copie les fichiers dans le src/assets/
répertoire dans dist
npm run build:pug
compile le carlin situé dans le src/pug/
répertoire dans dist
npm run build:scripts
apporte le fichier src/js/scripts.js
dans dist
npm run build:scss
compile les fichiers SCSS situés dans le src/scss/
Directory dans dist
npm run clean
Supprime le répertoire dist
pour se préparer à la reconstruction du projetnpm run start:debug
exécute le projet en mode débogagenpm start
ou npm run start
exécute le projet, lance un aperçu en direct dans votre navigateur par défaut et regarde les modifications apportées aux fichiers dans src
Vous devez installer le NPM pour utiliser cet environnement de construction.
Le formulaire de contact disponible avec ce thème est prédéfini pour utiliser les formulaires SB. SB Forms est une solution de formulaire simple pour ajouter des formulaires fonctionnels à votre thème. Étant donné que ce thème est prédéfini en utilisant notre balisage de formulaires SB, il vous suffit de vous inscrire aux formulaires SB sur Start Bootstrap.
Après vous inscrire, vous devrez définir le nom de domaine sur lequel votre formulaire sera utilisé, et vous verrez ensuite votre clé d'accès. Copiez-le et collez-le dans l'attribut de données de données data-sb-form-api-token='API_TOKEN'
à la place d' API_TOKEN
. C'est ça! Vos formulaires seront opérationnels!
Si vous n'utilisez pas les formulaires SB, supprimez simplement les attributs de données personnalisés du formulaire et supprimez le lien au-dessus de la balise de fermeture </body>
aux formulaires SB.
Vous avez un bug ou un problème avec ce modèle? Ouvrez un nouveau numéro ici sur GitHub ou laissez un commentaire sur la page Présentation du thème sur Start Bootstrap.
Start Bootstrap est une bibliothèque open source de thèmes et modèles de bootstrap gratuit. Tous les thèmes et modèles gratuits sur Start Bootstrap sont publiés sous la licence MIT, ce qui signifie que vous pouvez les utiliser à n'importe quelle fin, même pour des projets commerciaux.
Start Bootstrap a été créé par et est maintenu par David Miller .
Start Bootstrap est basé sur le framework bootstrap créé par Mark Otto et Jacob Thorton.
Copyright 2013-2023 Start Bootstrap LLC. Code publié sous la licence MIT.