This commit is contained in:
Philippe Torrel
88
webseite-gulp-ts/frontend/about.html
Normal file
88
webseite-gulp-ts/frontend/about.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Webseite mit SASS</title>
|
||||
<link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg" />
|
||||
<link rel="shortcut icon" href="/favicon/favicon.ico" />
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
|
||||
<meta name="apple-mobile-web-app-title" content="Donkey-Coder" />
|
||||
<link rel="manifest" href="/favicon/site.webmanifest" />
|
||||
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" /> -->
|
||||
<link rel="stylesheet" href="/assets/css/main.css" />
|
||||
<script src="/assets/js/build.js" defer></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- nav.menu-main>ul.list>li*4>a[href="#"]{Link $} -->
|
||||
<nav class="menu-main">
|
||||
<ul class="list">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li>
|
||||
<a href="#projects">Projects</a>
|
||||
<ul class="sublist">
|
||||
<li><a href="/projects/product-manager.html">Product Manager</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<div class="container py-5">
|
||||
<h1>About us</h1>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut, alias architecto tenetur, temporibus at ex
|
||||
reprehenderit libero veniam esse quis qui recusandae dolorum consectetur molestias dignissimos dolorem rem
|
||||
maxime repudiandae eveniet dolores. Aut error esse eligendi magni alias ducimus eaque, iste laudantium quas
|
||||
soluta quasi provident expedita architecto modi dolorem quam voluptatum harum? Nemo, neque velit modi
|
||||
accusamus rem, iste reprehenderit minus delectus numquam animi in, adipisci repudiandae tenetur quo possimus
|
||||
sed. Sequi hic voluptatum odio ullam velit? Libero dicta nam perferendis quos, totam deserunt dolores, at
|
||||
assumenda eligendi repudiandae vel alias nemo molestiae omnis tempore numquam excepturi, reprehenderit eveniet
|
||||
deleniti eaque! Aperiam, repellat nostrum! Odio, dicta perspiciatis sapiente ducimus similique voluptatum
|
||||
adipisci eligendi vitae corrupti dolorum officiis, veritatis rerum omnis labore sunt suscipit architecto.
|
||||
Officia excepturi exercitationem quasi error natus repellendus voluptas facilis incidunt eligendi fuga! Natus
|
||||
totam minus, blanditiis quo sint sit cum nesciunt culpa suscipit laborum vitae? At possimus dolorum rem
|
||||
recusandae similique vitae soluta modi ad ex vero fugit hic ipsa ipsam doloribus laboriosam deserunt voluptate
|
||||
aut quos minima in porro facilis delectus, quaerat nulla. Obcaecati architecto maiores natus delectus enim
|
||||
odio magni perferendis necessitatibus, ullam vitae nisi neque aliquam, tempore numquam, consequuntur
|
||||
blanditiis dolores. Debitis exercitationem dignissimos aspernatur minima ipsam quis voluptas quasi ipsa
|
||||
dolorum, ad facilis corrupti doloribus aut magni distinctio voluptate fugit eos beatae cum culpa omnis
|
||||
recusandae quod eligendi assumenda! Eos perferendis nam a deserunt dolore tempore corporis, numquam ut ducimus
|
||||
possimus veritatis aperiam maxime quidem. Beatae ad vitae inventore, minus molestiae quam porro a consequuntur
|
||||
corrupti. Ducimus deserunt perferendis sit eum maxime labore sed aliquam optio repellat eius vitae, magnam,
|
||||
necessitatibus vel fuga provident quibusdam velit culpa dolorem doloribus sint excepturi. Repellat ducimus
|
||||
dolorum perferendis? Id similique iusto natus aliquid nesciunt, perferendis exercitationem corrupti maxime, ut
|
||||
laudantium at adipisci optio esse.
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- footer.footer-main>.row>.col*3>h3{Headline}+p{lorem10} -->
|
||||
<footer class="footer-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3>Address</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae omnis hic eligendi rem fugiat quo! Autem
|
||||
totam maxime itaque earum
|
||||
</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Social Media</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, earum.</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Privacy Policy</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, porro!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
22
webseite-gulp-ts/frontend/dev/html/includes/footer-main.html
Normal file
22
webseite-gulp-ts/frontend/dev/html/includes/footer-main.html
Normal file
@@ -0,0 +1,22 @@
|
||||
<!-- footer.footer-main>.row>.col*3>h3{Headline}+p{lorem10} -->
|
||||
<footer class="footer-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3>Address</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae omnis hic eligendi rem fugiat quo! Autem
|
||||
totam maxime itaque earum
|
||||
</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Social Media</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, earum.</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Privacy Policy</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, porro!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -8,7 +8,7 @@
|
||||
<li><a href="/projects/product-manager.html">Product Manager</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
38
webseite-gulp-ts/frontend/dev/html/pages/about.html
Normal file
38
webseite-gulp-ts/frontend/dev/html/pages/about.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
@@include('head.html')
|
||||
<body>
|
||||
@@include('menu-main.html')
|
||||
<main>
|
||||
<div class="container py-5">
|
||||
<h1>About us</h1>
|
||||
<p>
|
||||
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut, alias architecto tenetur, temporibus at ex
|
||||
reprehenderit libero veniam esse quis qui recusandae dolorum consectetur molestias dignissimos dolorem rem
|
||||
maxime repudiandae eveniet dolores. Aut error esse eligendi magni alias ducimus eaque, iste laudantium quas
|
||||
soluta quasi provident expedita architecto modi dolorem quam voluptatum harum? Nemo, neque velit modi
|
||||
accusamus rem, iste reprehenderit minus delectus numquam animi in, adipisci repudiandae tenetur quo possimus
|
||||
sed. Sequi hic voluptatum odio ullam velit? Libero dicta nam perferendis quos, totam deserunt dolores, at
|
||||
assumenda eligendi repudiandae vel alias nemo molestiae omnis tempore numquam excepturi, reprehenderit eveniet
|
||||
deleniti eaque! Aperiam, repellat nostrum! Odio, dicta perspiciatis sapiente ducimus similique voluptatum
|
||||
adipisci eligendi vitae corrupti dolorum officiis, veritatis rerum omnis labore sunt suscipit architecto.
|
||||
Officia excepturi exercitationem quasi error natus repellendus voluptas facilis incidunt eligendi fuga! Natus
|
||||
totam minus, blanditiis quo sint sit cum nesciunt culpa suscipit laborum vitae? At possimus dolorum rem
|
||||
recusandae similique vitae soluta modi ad ex vero fugit hic ipsa ipsam doloribus laboriosam deserunt voluptate
|
||||
aut quos minima in porro facilis delectus, quaerat nulla. Obcaecati architecto maiores natus delectus enim
|
||||
odio magni perferendis necessitatibus, ullam vitae nisi neque aliquam, tempore numquam, consequuntur
|
||||
blanditiis dolores. Debitis exercitationem dignissimos aspernatur minima ipsam quis voluptas quasi ipsa
|
||||
dolorum, ad facilis corrupti doloribus aut magni distinctio voluptate fugit eos beatae cum culpa omnis
|
||||
recusandae quod eligendi assumenda! Eos perferendis nam a deserunt dolore tempore corporis, numquam ut ducimus
|
||||
possimus veritatis aperiam maxime quidem. Beatae ad vitae inventore, minus molestiae quam porro a consequuntur
|
||||
corrupti. Ducimus deserunt perferendis sit eum maxime labore sed aliquam optio repellat eius vitae, magnam,
|
||||
necessitatibus vel fuga provident quibusdam velit culpa dolorem doloribus sint excepturi. Repellat ducimus
|
||||
dolorum perferendis? Id similique iusto natus aliquid nesciunt, perferendis exercitationem corrupti maxime, ut
|
||||
laudantium at adipisci optio esse.
|
||||
</p>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@include('footer-main.html')
|
||||
</body>
|
||||
</html>
|
||||
@@ -38,27 +38,6 @@
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- footer.footer-main>.row>.col*3>h3{Headline}+p{lorem10} -->
|
||||
<footer class="footer-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3>Address</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae omnis hic eligendi rem fugiat quo! Autem
|
||||
totam maxime itaque earum?
|
||||
</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Social Media</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, earum.</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Privacy Policy</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, porro!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@include('footer-main.html')
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -213,27 +213,6 @@
|
||||
<!-- ▲ /product-manager ▲ -->
|
||||
</main>
|
||||
|
||||
<!-- footer.footer-main>.row>.col*3>h3{Headline}+p{lorem10} -->
|
||||
<footer class="footer-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3>Address</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae omnis hic eligendi rem fugiat quo! Autem
|
||||
totam maxime itaque earum?
|
||||
</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Social Media</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, earum.</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Privacy Policy</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, porro!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
@@include('footer-main.html')
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -66,6 +66,9 @@ task('css', (done) => {
|
||||
|
||||
// JS bzw. TS ==================================
|
||||
|
||||
import { spawn } from 'node:child_process';
|
||||
import { fileURLToPath } from 'node:url';
|
||||
import path from 'node:path';
|
||||
import rollupStream from '@rollup/stream';
|
||||
import { babel } from '@rollup/plugin-babel'; // Plugin für rollup. JS Dateien werden über Babel direkt beim bundlen in "altes" JS über babel kompiliert
|
||||
import { nodeResolve } from '@rollup/plugin-node-resolve'; // import Kurzschreibweise (suche Module im node_modules Ordner)
|
||||
@@ -73,12 +76,27 @@ import commonJs from '@rollup/plugin-commonjs'; // commonjs module werden module
|
||||
import source from 'vinyl-source-stream';
|
||||
import buffer from 'vinyl-buffer';
|
||||
import rollupReplace from '@rollup/plugin-replace'; // Umbenennung von Variablen in den Modulen möglich
|
||||
import typescript from '@rollup/plugin-typescript'; // For TypeScript support needs "typescript" and "tslib"
|
||||
import esbuild from 'rollup-plugin-esbuild'; // TypeScript strippen ohne TS-Compiler-API (TS 7+ kompatibel)
|
||||
|
||||
const __dirname = path.dirname(fileURLToPath(import.meta.url));
|
||||
const tscBin = path.join(__dirname, 'node_modules', 'typescript', 'bin', 'tsc');
|
||||
|
||||
// declare the cache variable outside of task scopes
|
||||
let cache;
|
||||
|
||||
// $ gulp ts
|
||||
// $ gulp typecheck — Typen prüfen (tsc CLI, kein Emit)
|
||||
task('typecheck', (done) => {
|
||||
const child = spawn(process.execPath, [tscBin, '--noEmit'], {
|
||||
stdio: 'inherit',
|
||||
cwd: __dirname,
|
||||
});
|
||||
child.on('error', done);
|
||||
child.on('close', (code) => {
|
||||
done(code === 0 ? undefined : new Error(`typecheck failed with exit code ${code}`));
|
||||
});
|
||||
});
|
||||
|
||||
// $ gulp ts — Bundle (esbuild strippt Types, Babel downlevelt für Browser)
|
||||
task('ts', () => {
|
||||
// Updated path to look in dev/scripts for a main.ts file
|
||||
const sourceFile = './dev/scripts/main.ts';
|
||||
@@ -93,7 +111,14 @@ task('ts', () => {
|
||||
// define the cache in Rollup options
|
||||
cache,
|
||||
plugins: [
|
||||
typescript(), // Added TypeScript plugin
|
||||
esbuild({
|
||||
include: /\.[jt]sx?$/,
|
||||
exclude: /node_modules/,
|
||||
sourceMap: true,
|
||||
// Babel übernimmt Browser-Downleveling; esbuild nur TS→JS
|
||||
target: 'esnext',
|
||||
tsconfig: './tsconfig.json',
|
||||
}),
|
||||
rollupReplace({
|
||||
'process.env.NODE_ENV': JSON.stringify('development'),
|
||||
preventAssignment: true,
|
||||
@@ -107,7 +132,7 @@ task('ts', () => {
|
||||
plugins: ['@babel/plugin-transform-runtime'], // kontrolliert, ob ein Modul bereits eingebunden und bindet es nicht erneut ein
|
||||
babelHelpers: 'runtime',
|
||||
compact: true,
|
||||
extensions: ['.js', '.ts'], // Tell babel to process TS files
|
||||
extensions: ['.js', '.ts'],
|
||||
}),
|
||||
],
|
||||
})
|
||||
@@ -168,6 +193,7 @@ task('watcher', () => {
|
||||
|
||||
// ==== DEV MODE ====================
|
||||
task('dev', series('css', 'ts', 'html', parallel('watcher', 'server')));
|
||||
task('check', series('typecheck', 'ts'));
|
||||
|
||||
// ===================================
|
||||
task('test', (done) => {
|
||||
|
||||
@@ -15,6 +15,7 @@
|
||||
<script src="/assets/js/build.js" defer></script>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<!-- header.header-main>.content-box>figure>img[alt="Logo"]+figc{The Donkey Coders} -->
|
||||
<header class="header-main">
|
||||
@@ -61,7 +62,7 @@
|
||||
<li><a href="/projects/product-manager.html">Product Manager</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
@@ -90,26 +91,27 @@
|
||||
</main>
|
||||
|
||||
<!-- footer.footer-main>.row>.col*3>h3{Headline}+p{lorem10} -->
|
||||
<footer class="footer-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3>Address</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae omnis hic eligendi rem fugiat quo! Autem
|
||||
totam maxime itaque earum?
|
||||
</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Social Media</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, earum.</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Privacy Policy</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, porro!</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3>Address</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae omnis hic eligendi rem fugiat quo! Autem
|
||||
totam maxime itaque earum
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="col">
|
||||
<h3>Social Media</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, earum.</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Privacy Policy</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, porro!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
2524
webseite-gulp-ts/frontend/package-lock.json
generated
2524
webseite-gulp-ts/frontend/package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@@ -4,42 +4,45 @@
|
||||
"description": "",
|
||||
"main": "gulpfile.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
"start": "gulp dev",
|
||||
"test": "echo \"Error: no test specified\" && exit 1",
|
||||
"typecheck": "tsc --noEmit",
|
||||
"build:ts": "gulp ts"
|
||||
},
|
||||
"keywords": [],
|
||||
"type": "module",
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.28.5",
|
||||
"@babel/plugin-transform-runtime": "^7.28.5",
|
||||
"@babel/preset-env": "^7.28.5",
|
||||
"@babel/runtime": "^7.28.4",
|
||||
"@rollup/plugin-babel": "^6.1.0",
|
||||
"@rollup/plugin-commonjs": "^29.0.0",
|
||||
"@babel/core": "^7.29.7",
|
||||
"@babel/plugin-transform-runtime": "^7.29.7",
|
||||
"@babel/preset-env": "^7.29.7",
|
||||
"@babel/runtime": "^7.29.7",
|
||||
"@rollup/plugin-babel": "^7.1.0",
|
||||
"@rollup/plugin-commonjs": "^29.0.3",
|
||||
"@rollup/plugin-node-resolve": "^16.0.3",
|
||||
"@rollup/plugin-replace": "^6.0.3",
|
||||
"@rollup/plugin-typescript": "^12.3.0",
|
||||
"@rollup/stream": "^3.0.1",
|
||||
"@types/bootstrap": "^5.2.11",
|
||||
"@types/toastify-js": "^1.12.4",
|
||||
"browser-sync": "^3.0.4",
|
||||
"core-js": "^3.46.0",
|
||||
"core-js": "^3.49.0",
|
||||
"del": "^8.0.1",
|
||||
"esbuild": "^0.28.1",
|
||||
"gulp": "^5.0.1",
|
||||
"gulp-autoprefixer": "^10.0.0",
|
||||
"gulp-clean-css": "^4.3.0",
|
||||
"gulp-file-include": "^2.3.0",
|
||||
"gulp-html-minifier-terser": "^7.1.0",
|
||||
"gulp-html-minifier-terser": "^8.0.0",
|
||||
"gulp-plumber": "^1.2.1",
|
||||
"gulp-rename": "^2.1.0",
|
||||
"gulp-replace": "^1.1.4",
|
||||
"gulp-sass": "^6.0.1",
|
||||
"gulp-sizereport": "^1.2.1",
|
||||
"gulp-sourcemaps": "^2.6.5",
|
||||
"gulp-sourcemaps": "^3.0.0",
|
||||
"gulp-terser": "^2.1.0",
|
||||
"rollup": "^4.53.1",
|
||||
"sass": "^1.93.3",
|
||||
"tslib": "^2.8.1",
|
||||
"typescript": "^5.9.3",
|
||||
"rollup": "^4.62.4",
|
||||
"rollup-plugin-esbuild": "^6.2.1",
|
||||
"sass": "^1.102.0",
|
||||
"typescript": "^7.0.2",
|
||||
"vinyl-buffer": "^1.0.1",
|
||||
"vinyl-paths": "^5.0.0",
|
||||
"vinyl-source-stream": "^2.0.0"
|
||||
@@ -47,8 +50,11 @@
|
||||
"dependencies": {
|
||||
"@splidejs/splide": "^4.1.4",
|
||||
"bootstrap": "^5.3.8",
|
||||
"lodash": "^4.17.21",
|
||||
"lodash": "^4.18.1",
|
||||
"toastify-js": "^1.12.0",
|
||||
"validator": "^13.15.22"
|
||||
"validator": "^13.15.35"
|
||||
},
|
||||
"allowScripts": {
|
||||
"esbuild@0.28.1": true
|
||||
}
|
||||
}
|
||||
|
||||
@@ -35,7 +35,7 @@
|
||||
<li><a href="/projects/product-manager.html">Product Manager</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="/about.html">About</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
@@ -242,26 +242,27 @@
|
||||
</main>
|
||||
|
||||
<!-- footer.footer-main>.row>.col*3>h3{Headline}+p{lorem10} -->
|
||||
<footer class="footer-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3>Address</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae omnis hic eligendi rem fugiat quo! Autem
|
||||
totam maxime itaque earum?
|
||||
</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Social Media</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, earum.</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Privacy Policy</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, porro!</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer-main">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h3>Address</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Beatae omnis hic eligendi rem fugiat quo! Autem
|
||||
totam maxime itaque earum
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
<div class="col">
|
||||
<h3>Social Media</h3>
|
||||
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi, earum.</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h3>Privacy Policy</h3>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet, porro!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,18 +1,14 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "es6",
|
||||
"target": "es2015",
|
||||
"module": "esnext",
|
||||
"moduleResolution": "node",
|
||||
"ignoreDeprecations": "6.0",
|
||||
"moduleResolution": "bundler",
|
||||
"strict": true,
|
||||
"esModuleInterop": true,
|
||||
"skipLibCheck": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"sourceMap": true,
|
||||
"baseUrl": "./",
|
||||
"paths": {
|
||||
"*": ["node_modules/*"]
|
||||
}
|
||||
"noEmit": true
|
||||
},
|
||||
"include": ["dev/scripts/**/*.ts"]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user