inital commit
No files matched your search
@@ -0,0 +1,15 @@
|
||||
.navbar {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h3 {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
@charset "UTF-8";/*!
|
||||
* Bootstrap v5.1.3 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2021 The Bootstrap Authors
|
||||
* Copyright 2011-2021 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:iLine truncated
|
||||
/*# sourceMappingURL=bootstrap.min.css.map */
|
||||
@@ -0,0 +1,7 @@
|
||||
/*!
|
||||
* Bootstrap v5.1.3 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
||||
*/
|
||||
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e()}(this,(function(){"use strict";const t="transitionend",e=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?i.trim():null}return e},i=t=>{const i=e(t);return i&&document.querySelector(i)?i:null},n=t=>{const i=e(t);return i?document.querySelector(i):null},s=e=>{e.dispatchEvent(new Event(t))},o=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),r=t=>o(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(t):null,a=(t,e,i)=>{Object.keys(i).forEach((n=>{const s=i[n],r=e[n],a=r&&o(r)?"element":null==(l=r)?`${l}`:{}.toString.call(l).match(/\s([a-z]+)/i)[1].toLowerCase();var l;if(!new RegExp(s).test(a))throw new TypeError(`${t.toUpperCase()}: Option "${n}" provided type "${a}" but expected type "${s}".`)}))},l=t=>!(!o(t)||0===t.getClientRects().length)&&"visible"===getComputedStyle(t).getPropertyValue("visibility"),c=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),h=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?h(t.parentNode):null},d=()=>{},u=t=>{t.offsetHeight},f=()=>{const{jQuery:t}=window;return t&&!document.body.hasAttribute("data-bs-no-jquery")?t:null},p=[],m=()=>"rtl"===document.documentElement.dir,g=t=>{var e;e=()=>{const e=f();if(e){const i=t.NAME,n=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=n,t.jQueryInterface)}},"loading"===document.readyState?(p.length||document.addEventListener("DOMContentLoaded",(()=>{p.forEach((t=>t()))})),p.push(e)):e()},_=t=>{"function"==typeof t&&t()},b=(e,i,n=!0)=>{if(!n)return void _(e);const o=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const n=Number.parseFloat(e),s=Number.parseFloat(i);return n||s?(e=e.split(",")[0],i=i.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(i))):0})(i)+5;let r=!1;const a=({target:n})=>{n===i&&(r=!0,i.removeEventListener(t,a),_(e))};i.addEventListener(t,a),setTimeout((()=>{r||s(i)}),o)},v=(t,e,i,n)=>{let s=t.indexOf(e);if(-1===s)return t[!i&&n?t.length-1:0];const o=t.length;return s+=i?1:-1,n&&(s=(s+o)%o),t[Math.max(0,Math.min(s,o-1))]},y=/[^.]*(?=\..*)\.|.*/,w=/\..*/,E=/::\d+$/,A={};let T=1;const O={mouseenter:"mouseover",mouseleave:"mouseout"},C=/^(mouseenter|mouseleave)/i,k=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function L(t,e){return e&&`${e}::${T++}`||t.uidEvent||T++}function x(t){const e=L(t);return t.uidEvent=e,A[e]=A[e]||{},A[e]}function D(t,e,i=null){const n=Object.keys(t);for(let s=0,o=n.length;s<o;s++){const o=t[n[s]];if(o.originalHandler===e&&o.delegationSelector===i)return o}return null}function S(t,e,i){const n="string"==typeof e,s=n?i:e;let o=P(t);return k.has(o)||(o=t),[n,s,o]}function N(t,e,i,n,s){if("string"!=typeof e||!t)return;if(i||(i=n,n=null),C.test(e)){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};n?n=t(n):i=t(i)}const[o,r,a]=S(e,i,n),l=x(t),c=l[a]||(l[a]={}),h=D(c,r,o?i:null);if(h)return void(h.oneOff=h.oneOff&&s);const d=L(r,e.replace(y,"")),u=o?function(t,e,i){return function n(s){const o=t.querySelectorAll(e);for(let{target:r}=s;r&&r!==this;r=r.parentNode)for(let a=o.length;a--;)if(o[a]===r)return s.delegateTarget=r,n.oneOff&&j.off(t,s.type,e,i),i.apply(r,[s]);return null}}(t,i,n):function(t,e){return function i(n){return n.delegateTarget=t,i.oneOff&&j.off(t,n.type,e),e.apply(t,[n])}}(t,i);u.delegationSelector=o?i:null,u.originalHandler=r,u.oneOff=s,u.uidEvent=d,c[d]=u,t.addEventListener(a,u,o)}function I(t,e,i,n,s){const o=D(e[i],n,s);o&&(t.removeEventListener(i,o,Boolean(s)),delete e[i][o.uidEvent])}function P(t){return t=t.replace(w,""),O[t]||t}const j={on(t,e,i,n){N(t,e,i,n,!1)},one(t,e,i,n){N(t,e,i,n,!0)},off(t,e,i,n){if("string"!=typeof e||!t)return;const[s,o,r]=S(e,i,n),a=r!==e,l=x(t),c=e.startsWith(".");if(void 0!==o){if(!Line truncated
|
||||
//# sourceMappingURL=bootstrap.bundle.min.js.map
|
||||
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 30 KiB |
@@ -0,0 +1,307 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link href="assets/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="assets/app.css" rel="stylesheet" />
|
||||
<script src="assets/bootstrap.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#">Home</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#navbar">Navbar</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#slider">Slider</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#about">About</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#services">Services</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#pricing">Pricing</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#clients">Clients</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#team">Team</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#testimonials">Testimonials</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#blog">Blog</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#newsletter">Newsletter</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<p class="pt-5">The template uses the below 3rd party libraries:</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://getbootstrap.com/" target="_blank">Bootstrap 5.1.3</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/michalsnik/aos" target="_blank">Aos 2.3.4</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://github.com/twbs/icons" target="_blank">Bootstrap Icons 1.11.3</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="navbar"></a>
|
||||
|
||||
<h3>Navbar</h3>
|
||||
<ul>
|
||||
<li>the logo displayed in the navbar section is at <code>asset/img/logo.png</code></li>
|
||||
<li>the code related to the navbar section can be found below the <code>navbar section start</code> comment
|
||||
<div>
|
||||
<img src="assets/img/navbar.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li>the navbar links can be found below the <code>navbar links</code> comment
|
||||
<div>
|
||||
<img src="assets/img/navbar-links.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="slider"></a>
|
||||
|
||||
<h3>Slider</h3>
|
||||
<p></p>
|
||||
<ul>
|
||||
<li>the slider displays images located in <code>assets/img/slides/</code> directory</li>
|
||||
<li>images are loaded through css</li>
|
||||
<li>the code related to the slider section can be found below the <code>slider section start</code> comment</li>
|
||||
<li>the code and text associated with each slide is below the comment <code>first slide</code>, <code>second slide</code> and <code>third slide</code>
|
||||
<div>
|
||||
<img src="assets/img/slider.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li>the slider section uses the following images:
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/job-office-team-business-internet-5382501/" target="_blank">https://pixabay.com/photos/job-office-team-business-internet-5382501/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/startup-start-up-people-593341/" target="_blank">https://pixabay.com/photos/startup-start-up-people-593341/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/teamwork-cooperation-brainstorming-3213924/" target="_blank">https://pixabay.com/photos/teamwork-cooperation-brainstorming-3213924/</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="about"></a>
|
||||
|
||||
<h3>About</h3>
|
||||
<ul>
|
||||
<li>images related to the about section are stored in <code>assets/img/about/</code> directory</li>
|
||||
<li>the code related to the about section can be found below the <code>about section start</code> comment
|
||||
<div>
|
||||
<img src="assets/img/about.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
the about section uses the following image - <a href="https://pixabay.com/photos/people-girls-women-students-2557396/" target="_blank">https://pixabay.com/photos/people-girls-women-students-2557396/</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="services"></a>
|
||||
|
||||
<h3>Services</h3>
|
||||
<ul>
|
||||
<li>images related to the services section are stored in <code>assets/img/services/</code> directory</li>
|
||||
<li>the code related to the services section can be found below the <code>services section start</code> comment</li>
|
||||
<li>the text related to each service can be found below the comment <code>first service</code>, <code>second service</code> and <code>third service</code>
|
||||
<div>
|
||||
<img src="assets/img/services.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="pricing"></a>
|
||||
|
||||
<h3>Pricing</h3>
|
||||
<ul>
|
||||
<li>the code related to the pricing section can be found below the <code>pricing section start</code> comment</li>
|
||||
<li>the text related to each pricing option can be found below the comment <code>first pricing option</code>, <code>second pricing option</code> and <code>third pricing option</code>
|
||||
<div>
|
||||
<img src="assets/img/pricing.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="clients"></a>
|
||||
|
||||
<h3>Clients</h3>
|
||||
<ul>
|
||||
<li>images related to the clients section are stored in <code>assets/img/clients/</code> directory</li>
|
||||
<li>the code related to the clients section can be found below the <code>clients section start</code> comment
|
||||
<div>
|
||||
<img src="assets/img/clients.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li>the clients section uses the following images:
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://uxwing.com/airtel-logo-icon/" target="_blank">https://uxwing.com/airtel-logo-icon/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://uxwing.com/jio-logo-icon/" target="_blank">https://uxwing.com/jio-logo-icon/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://uxwing.com/bsnl-logo-icon/" target="_blank">https://uxwing.com/bsnl-logo-icon/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://uxwing.com/vivo-mobile-logo-icon/" target="_blank">https://uxwing.com/vivo-mobile-logo-icon/</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="team"></a>
|
||||
|
||||
<h3>Team</h3>
|
||||
<ul>
|
||||
<li>images related to the team section are stored in <code>assets/img/team/</code> directory</li>
|
||||
<li>the code related to the team section can be found below the <code>team section start</code> comment</li>
|
||||
<li>the data associated with each team member (name, surname, phone and email) can be found below the comment <code>first team member</code>, <code>second team member</code>, <code>third team member</code> and <code>fourth team member</code>
|
||||
<div>
|
||||
<img src="assets/img/team.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li>the team section uses the following images:
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/smile-work-business-success-5047506/" target="_blank">https://pixabay.com/photos/smile-work-business-success-5047506/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/woman-confident-happy-1564001/" target="_blank">https://pixabay.com/photos/woman-confident-happy-1564001/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/model-businessman-corporate-2911329/" target="_blank">https://pixabay.com/photos/model-businessman-corporate-2911329/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/woman-asian-model-portrait-girl-5772021/" target="_blank">https://pixabay.com/photos/woman-asian-model-portrait-girl-5772021/</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="testimonials"></a>
|
||||
|
||||
<h3>Testimonials</h3>
|
||||
<ul>
|
||||
<li>images related to the testimonials section are stored in <code>assets/img/testimonials/</code> directory</li>
|
||||
<li>the code related to the testimonials section can be found below the <code>testimonials section start</code> comment</li>
|
||||
<li>the text associated with each client can be found below the comment <code>first testimonial</code>, <code>second testimonial</code>, <code>third testimonial</code> and <code>fourth testimonial</code>
|
||||
<div>
|
||||
<img src="assets/img/testimonials.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li>the testimonials section uses the following images:
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/adult-casual-caucasian-glasses-1851571/" target="_blank">https://pixabay.com/photos/adult-casual-caucasian-glasses-1851571/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/woman-work-office-whiteboard-4702060/" target="_blank">https://pixabay.com/photos/woman-work-office-whiteboard-4702060/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/background-career-caucasian-4969590/" target="_blank">https://pixabay.com/photos/background-career-caucasian-4969590/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/adult-bald-beard-corporate-1868750/" target="_blank">https://pixabay.com/photos/adult-bald-beard-corporate-1868750/</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="blog"></a>
|
||||
|
||||
<h3>Blog</h3>
|
||||
<ul>
|
||||
<li>images related to the blog section are stored in <code>assets/img/posts/</code> directory</li>
|
||||
<li>the code related to the blog section can be found below the <code>blog section start</code> comment</li>
|
||||
<li>the header and text associated with each post can be found below the comment <code>first post</code>, <code>second post</code> and <code>third post</code>
|
||||
<div>
|
||||
<img src="assets/img/blog.png" />
|
||||
</div>
|
||||
</li>
|
||||
<li>the blog section uses the following images:
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/software-development-guest-post-4165307/" target="_blank">https://pixabay.com/photos/software-development-guest-post-4165307/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/stairs-building-businessmen-6133971/" target="_blank">https://pixabay.com/photos/stairs-building-businessmen-6133971/</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://pixabay.com/photos/laptops-meeting-businessmen-593296/" target="_blank">https://pixabay.com/photos/laptops-meeting-businessmen-593296/</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="newsletter"></a>
|
||||
|
||||
<h3>Newsletter</h3>
|
||||
<ul>
|
||||
<li>the php script related to the newsletter is called <code>newsletter.php</code>
|
||||
<ul>
|
||||
<li><code>$to_email</code> - e-mail address to which the newsletter request will be sent</li>
|
||||
<li><code>$subject</code> - e-mail subject (default: <code>a user is asking for a newsletter</code>)</li>
|
||||
<li><code>$body</code> - e-mail content (default: <code>user xxx@xxx is asking for a newsletter</code>, where <code>xxx@xxx</code> is a user's e-mail address)</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>the text and form related to the newsletter section can be found below the <code>newsletter section start</code> comment
|
||||
<div>
|
||||
<img src="assets/img/newsletter.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<a name="contact"></a>
|
||||
|
||||
<h3>Contact</h3>
|
||||
<ul>
|
||||
<li>the php script related to the newsletter is called <code>contact.php</code>
|
||||
<ul>
|
||||
<li><code>$to_email</code> - e-mail address to which the newsletter request will be sent</li>
|
||||
<li><code>$subject</code> - e-mail subject (default: <code>a user has completed the contact form</code>)</li>
|
||||
<li><code>$body</code> - an e-mail content (default: <code>a user xxx@xxx has completed the contact form: yyy</code> where <code>xxx@xxx</code> is a user's e-mail address and <code>yyy</code> is a message sent by a user)</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>the text and form related to the contact section can be found below the <code>contact section start</code> comment</li>
|
||||
<li>the logo displayed in the contact section is at <code>asset/img/logo-white.png</code></li>
|
||||
<li>social links can be found below the <code>social links</code> comment</li>
|
||||
<li>the contact information (address, phone number) can be found below the <code>contact information</code> comment</li>
|
||||
<li>to change the location of Google Map, replace the <code>src</code> attribute in the <code>iframe</code> tag below <code>google map</code> comment
|
||||
<div>
|
||||
<img src="assets/img/contact.png" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||