Freelancer ist ein ein Seite, ein Freelancer -Portfolio -Thema, das mit Bootstrap erstellt wurde, das von Start Bootstrap erstellt wurde. Dieses Thema verfügt über mehrere Inhaltsabschnitte, ein reaktionsschnelles Portfolio -Netz, modale Fenster für jedes Portfolio -Element und ein funktionierendes PHP -basierter Kontaktformular.
Live -Vorschau anzeigen
Um diese Vorlage zu verwenden, wählen Sie eine der folgenden Optionen, um loszulegen:
npm i startbootstrap-freelancer
git clone https://github.com/StartBootstrap/startbootstrap-freelancer.git
Bearbeiten Sie nach dem Herunterladen einfach die HTML- und CSS -Dateien, die im dist
-Verzeichnis enthalten sind. Dies sind die einzigen Dateien, über die Sie sich Sorgen machen müssen. Sie können alles andere ignorieren! Um die Änderungen, die Sie an den Code vornehmen, in der index.html
-Datei in Ihrem Webbrowser öffnen können.
Klonen Sie die Quelldateien des Themas und navigieren Sie in das Root -Verzeichnis des Themas. Führen Sie npm install
aus und führen Sie npm start
aus, um eine Vorschau der Vorlage in Ihrem Standardbrowser zu eröffnen, nach Änderungen an den Kernvorlagendateien zu beobachten und den Browser live zu laden, wenn Änderungen gespeichert werden. Sie können die Datei package.json
anzeigen, um zu sehen, welche Skripte enthalten sind.
npm run build
baut das Projekt - Dies baut Vermögenswerte, HTML, JS und CSS in dist
aufnpm run build:assets
kopiert die Dateien im src/assets/
Verzeichnis in dist
dist
npm run build:pug
src/pug/
npm run build:scripts
bringt die Datei src/js/scripts.js
in Dist in dist
npm run build:scss
erstellt die SCSS -Dateien im src/scss/
Verzeichnis in dist
npm run clean
löscht das dist
-Verzeichnis, um sich auf den Wiederaufbau des Projekts vorzubereitennpm run start:debug
führt das Projekt im Debug -Modus ausnpm start
oder npm run start
startet das Projekt, startet eine Live -Vorschau in Ihren Standardbrowser und Uhren nach Änderungen an Dateien in src
Sie müssen NPM installiert haben, um diese Build -Umgebung zu nutzen.
Das mit diesem Thema verfügbare Kontaktformular ist für die Verwendung von SB -Formularen vorgefertigt. SB Forms ist eine einfache Formularlösung zum Hinzufügen von Funktionsformen zu Ihrem Thema. Da dieses Thema mit unserem SB -Formulare Markup vorgebaut ist, müssen Sie sich nur für SB -Formulare für Start Bootstrap anmelden.
Nach der Anmeldung müssen Sie den Domänennamen festlegen, auf dem Ihr Formular verwendet wird, und Sie sehen dann Ihren Zugriffstaste. Kopieren Sie dies und fügen Sie es in das Datenattribut data-sb-form-api-token='API_TOKEN'
anstelle von API_TOKEN
ein. Das war's! Ihre Formulare werden in Betrieb sein!
Wenn Sie SB -Formulare nicht verwenden, löschen Sie einfach die benutzerdefinierten Datenattribute aus dem Formular und entfernen Sie den Link über dem Schließen </body>
zu SB -Formularen.
Haben Sie einen Fehler oder ein Problem mit dieser Vorlage? Öffnen Sie hier eine neue Ausgabe hier auf GitHub oder hinterlassen Sie einen Kommentar zur Seite "Übersicht" bei Start Bootstrap.
Start Bootstrap ist eine Open -Source -Bibliothek mit kostenlosen Bootstrap -Themen und Vorlagen. Alle kostenlosen Themen und Vorlagen für Start Bootstrap werden unter der MIT -Lizenz veröffentlicht, sodass Sie sie auch für kommerzielle Projekte für jeden Zweck verwenden können.
Start Bootstrap wurde von David Miller erstellt und wird gepflegt.
Start Bootstrap basiert auf dem von Mark Otto und Jacob Thorton erstellten Bootstrap -Framework.
Copyright 2013-2023 Start Bootstrap LLC. Code, der unter der MIT -Lizenz veröffentlicht wurde.