- In this repo, I created a travel or tourism website. the theme is based on the beautiful country Iceland.
💻 Demo : GO
Client:
Html, Css , Scss and Javascript
Server: netlify
| .gitignore
| index.html
| package-lock.json
| package.json
| README.md
|
\---public
+---images
| | banner.svg
| | screenshot.png
| | snowflake.svg
| |
| +---logo
| | icceland.svg
| | iceland.svg
| |
| +---preloadder
| | loader.gif
| |
| \---svg
+---js
| main.js
|
\---sass
style.css
style.css.map
style.scss
| colors |
|---|
hsl(0, 0%, 3%) |
hsl(0, 0%, 10%) |
hsl(167, 82%, 65%) |
hsl(167, 61%, 45%) |
hsl(0, 0%, 100%) |
hsl(0, 0%, 90%) |
hsl(198, 100%, 6%) |
hsl(186, 72%, 24%) |
// colors
$bg:hsl(0, 0%, 3%);
$bg-a:hsl(0, 0%, 10%);
$fg:hsl(167, 82%, 65%);
$fg-hover:hsl(167, 61%, 45%);
$tc:hsl(0, 0%, 100%);
$tc-light:hsl(0, 0%, 90%);
$bg-main:hsl(198, 100%, 6%);
$tc-span:hsl(186, 72%, 24%);
- in this project i had used Poppins
- Font-weight : 400 600 800;
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Dosis:wght@800&family=Poppins:wght@400;500;600;700&display=swap"
rel="stylesheet">// Font Family
$popins:'Poppins', sans-serif;;
2022 © Copyright Iceland And Design By SM8UTI 😃
Boost Software License - Version 1.0 - August 17th, 2003
Permission is hereby granted, free of charge, to any person or organization
obtaining a copy of the software and accompanying documentation covered by
this license (the "Software") to use, reproduce, display, distribute,
execute, and transmit the Software, and to prepare derivative works of the
Software, and to permit third-parties to whom the Software is furnished to
do so, all subject to the following:
The copyright notices in the Software and this entire statement, including
the above license grant, this restriction and the following disclaimer,
must be included in all copies of the Software, in whole or in part, and
all derivative works of the Software, unless such copies or derivative
works are solely in the form of machine-executable object code generated by
a source language processor.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE, TITLE AND NON-INFRINGEMENT. IN NO EVENT
SHALL THE COPYRIGHT HOLDERS OR ANYONE DISTRIBUTING THE SOFTWARE BE LIABLE
FOR ANY DAMAGES OR OTHER LIABILITY, WHETHER IN CONTRACT, TORT OR OTHERWISE,
ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent