-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (80 loc) · 8.77 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Google Fonts -->
<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=Oxygen:wght@300;400;700&display=swap" rel="stylesheet">
<!-- Main CSS -->
<link rel="stylesheet" href="css/main.css">
<title>Månhäxa Watercolor Commissions</title>
</head>
<body>
<div class="home">
<header>
<img src="public/img/icon.jpg" class="logo" alt="ritsu sakuma ensemble stars">
<div class="moto">
<h1>Transform your <br> thoughts into artwork.</h1>
</div>
</header>
<nav>
<ul class="button">
<li>
<a href="pages/work.html" class="pages"> My work </a>
</li>
<li>
<a href="pages/rates.html" class="pages"> Rates </a>
</li>
<li>
<a href="pages/about.html" class="pages"> About me </a>
</li>
<li>
<a href="pages/tc.html" class="pages" > T&C </a>
</li>
</ul>
</nav>
<footer class="footer">
<hr>
<p id="copy" >Copyright © 2021 Månhäxa, Incorporated. All rights reserved.</p>
<!-- ICONOS EN SVG AUN FALTA INVESTIGAR COMO PONERLOS DE MEJOR FORMA -->
<ul class="contactInfo">
<li>
<a href="https://twitter.com/" target="_blank" class="contact">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="36" height="36"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#c9c5bf"><path d="M160.53333,39.77213c-5.4868,2.43667 -11.38067,4.0764 -17.56693,4.816c6.31813,-3.784 11.1628,-9.77533 13.44467,-16.91907c-5.90533,3.50307 -12.4528,6.04867 -19.42453,7.42467c-5.57853,-5.94547 -13.52493,-9.66067 -22.31987,-9.66067c-16.8904,0 -30.5816,13.69693 -30.5816,30.5816c0,2.39653 0.2752,4.73573 0.7912,6.966c-25.41587,-1.2728 -47.94787,-13.4504 -63.038,-31.9576c-2.62587,4.51787 -4.13373,9.7696 -4.13373,15.38253c0,10.60667 5.39507,19.9692 13.59947,25.45027c-5.01093,-0.16053 -9.72947,-1.53653 -13.85173,-3.82413c0,0.13187 0,0.25227 0,0.38413c0,14.82067 10.53787,27.18173 24.53293,29.98533c-2.5628,0.69947 -5.26893,1.07213 -8.06107,1.07213c-1.96653,0 -3.8872,-0.19493 -5.75053,-0.54467c3.89293,12.14893 15.1876,20.99547 28.5692,21.242c-10.46333,8.2044 -23.65,13.09493 -37.98333,13.09493c-2.46533,0 -4.902,-0.14333 -7.29853,-0.43c13.5364,8.67453 29.60693,13.73707 46.88147,13.73707c56.25547,0 87.00907,-46.60053 87.00907,-87.0148c0,-1.3244 -0.02867,-2.64307 -0.086,-3.956c5.97987,-4.3172 11.16853,-9.7008 15.26787,-15.82973z"></path></g></g></svg>
</a>
</li>
<li>
<a href="https://instagram.com" target="_blank" class="contact">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="36" height="36"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#c9c5bf"><path d="M57.33333,21.5c-19.7585,0 -35.83333,16.07483 -35.83333,35.83333v57.33333c0,19.7585 16.07483,35.83333 35.83333,35.83333h57.33333c19.7585,0 35.83333,-16.07483 35.83333,-35.83333v-57.33333c0,-19.7585 -16.07483,-35.83333 -35.83333,-35.83333zM57.33333,35.83333h57.33333c11.85367,0 21.5,9.64633 21.5,21.5v57.33333c0,11.85367 -9.64633,21.5 -21.5,21.5h-57.33333c-11.85367,0 -21.5,-9.64633 -21.5,-21.5v-57.33333c0,-11.85367 9.64633,-21.5 21.5,-21.5zM121.83333,43c-3.95804,0 -7.16667,3.20863 -7.16667,7.16667c0,3.95804 3.20863,7.16667 7.16667,7.16667c3.95804,0 7.16667,-3.20863 7.16667,-7.16667c0,-3.95804 -3.20863,-7.16667 -7.16667,-7.16667zM86,50.16667c-19.7585,0 -35.83333,16.07483 -35.83333,35.83333c0,19.7585 16.07483,35.83333 35.83333,35.83333c19.7585,0 35.83333,-16.07483 35.83333,-35.83333c0,-19.7585 -16.07483,-35.83333 -35.83333,-35.83333zM86,64.5c11.85367,0 21.5,9.64633 21.5,21.5c0,11.85367 -9.64633,21.5 -21.5,21.5c-11.85367,0 -21.5,-9.64633 -21.5,-21.5c0,-11.85367 9.64633,-21.5 21.5,-21.5z"></path></g></g></svg>
</a>
</li>
<li>
<a href="mailto:manhaxa@gmail.com" target="_blank" class="contact">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="36" height="36"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#c9c5bf"><path d="M22.50978,34.50052c-5.56339,0.00629 -10.07183,4.51474 -10.07812,10.07813v1.49466l65.95398,50.73312c4.8565,3.80473 11.68078,3.81042 16.54361,0.01378l64.6391,-50.73181v-1.50975c-0.00629,-5.56339 -4.51474,-10.07183 -10.07812,-10.07812zM12.43166,54.55113v70.3356l41.13135,-38.69711zM159.56834,54.62921l-39.94244,31.34848l39.94244,38.77322zM114.29224,90.16576l-15.22414,11.94612c-7.2838,5.69595 -17.51089,5.69866 -24.7977,0.00656l-15.31337,-11.77881l-45.02612,42.36159c1.83324,2.97974 5.08036,4.79589 8.57887,4.79826h126.98044c3.50929,-0.00212 6.76496,-1.82902 8.59528,-4.8232z"></path></g></g></svg>
</a>
</li>
<li>
<a href="https://paypal.me/blecc" target="_blank" class="contact">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
width="36" height="36"
viewBox="0 0 172 172"
style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#c9c5bf"><path d="M39.2375,6.88c-3.44,0 -6.51719,2.365 -7.2025,5.805c0,0 -20.29062,92.90688 -24.08,111.4775c-0.68531,3.78938 0.25531,5.83188 1.29,7.2025c1.37063,1.72 3.48031,2.795 6.235,2.795h25.8l20.3175,-93.525c0.68531,-3.44 3.80281,-9.675 13.4375,-9.675h55.685c-4.81062,-15.82937 -20.27719,-24.08 -34.7225,-24.08zM75.68,38.1625l-5.4825,1.075c-1.03469,0.68531 -1.69312,2.08281 -2.0425,3.1175l-8.2775,38.485c2.40531,-1.03469 4.77031,-1.3975 7.525,-1.3975h24.8325c22.01063,0 34.35969,-8.89562 38.485,-28.165c0.68531,-3.44 1.075,-6.16781 1.075,-8.9225l-0.43,-3.87v-0.3225zM137.9225,38.915l0.3225,2.365c0.34938,3.44 -0.28219,6.51719 -0.9675,10.6425c-4.81062,22.36 -20.35781,33.755 -45.4725,33.755h-24.725c-5.50937,0 -9.28531,2.40531 -10.32,6.88c-1.37062,6.19469 -13.41062,62.92781 -13.76,63.9625c-0.34937,1.72 0.02688,4.085 1.3975,5.805c1.03469,1.37063 2.6875,2.795 6.1275,2.795h27.52c3.44,0 6.62469,-2.44562 7.31,-6.235c3.09063,-13.07469 7.17563,-32.93531 7.525,-33.97c0,-0.34937 0.3225,-1.075 0.3225,-1.075h18.275c26.83469,0 47.11188,-16.125 51.9225,-41.925c3.44,-15.82937 -1.00781,-25.88062 -5.4825,-31.39c-6.19469,-7.91469 -17.58969,-11.61 -19.995,-11.61z"></path></g></g></svg>
</a>
</li>
</ul>
</footer>
</div>
</body>
</html>