Added booking and social links
This commit is contained in:
sairaj mote
parent
0732249d59
commit
2de0018ee0
35
css/main.css
35
css/main.css
@ -261,6 +261,41 @@ sm-copy {
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
|
||||
.important-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.important-link {
|
||||
list-style: none;
|
||||
flex: 1;
|
||||
}
|
||||
.important-link .icon,
|
||||
.important-link img {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
fill: var(--accent-color);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.important-link a {
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: start;
|
||||
gap: 0.5rem;
|
||||
font-weight: 500;
|
||||
background-color: rgba(var(--foreground-color), 1);
|
||||
padding: 0.7rem 1rem;
|
||||
border-radius: 0.5rem;
|
||||
text-decoration: none;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
.important-link a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
main {
|
||||
padding: 1.5rem 8vw;
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
@ -1 +1 @@
|
||||
*{padding:0;margin:0;box-sizing:border-box;font-family:"Inter",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%}body{--accent-color: #3d5afe;--secondary-color: #ffac2e;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: rgb(220, 165, 0);color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1)}body[data-theme=dark]{--accent-color: #6d83ff;--secondary-color: #d60739;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: rgb(255, 213, 5)}p,strong{font-size:.9rem;max-width:65ch;line-height:1.7;color:rgba(var(--text-color), 0.9)}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.9)}.flex{display:flex}.flex-direction-column{flex-direction:column}.grid{display:grid}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.align-content-start{align-content:start}.align-items-center{align-items:center}.justify-content-center{justify-content:center}header{padding:1.5rem 1rem;justify-content:space-between}main{display:grid;gap:1rem;padding:1.5rem max(1rem,6vw);grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr))}#main_banner{position:-webkit-sticky;position:sticky;top:0;justify-content:center;padding:1rem;width:100%;background-color:#ee5252}#main_banner .icon{fill:rgba(var(--foreground-color), 1)}#main_banner #banner_content{color:rgba(var(--foreground-color), 1)}.app{display:flex;flex-direction:column;padding:max(1.5rem,3vw);background-color:rgba(var(--foreground-color), 1);border-radius:.5rem;gap:1rem}.app__icon{display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;border-radius:.5rem;background-color:rgba(var(--background-color), 1);margin-bottom:1rem}.app__icon .icon{width:3rem;height:3rem;fill:rgba(var(--text-color), 0.9)}.app li{list-style:none;font-size:.9rem;color:rgba(var(--text-color), 0.8);margin-bottom:.8rem;line-height:1.5}.app a:not([class]){display:flex;align-items:center;text-decoration:none;color:var(--accent-color);font-weight:500}.app a:not([class]):hover{text-decoration:underline}.app a:not([class]) .icon{margin-left:.3rem;width:1em;height:1em;fill:var(--accent-color)}.ext-link{display:flex;gap:.5rem;align-items:center;text-decoration:none;background-color:var(--accent-color);padding:.5rem 1rem;border-radius:.5rem;color:rgba(var(--foreground-color), 1);font-weight:500;align-self:flex-start;margin-top:auto;transition:color .2s,background-color .2s}.ext-link .icon{fill:rgba(var(--foreground-color), 1);transition:fill .2s}.ext-link:hover{color:var(--accent-color);background-color:rgba(var(--foreground-color), 1);box-shadow:0 0 0 .1rem var(--accent-color) inset}.ext-link:hover .icon{fill:var(--accent-color)}article{display:grid;gap:1rem;padding:1.5rem max(1rem,6vw)}ul{display:grid;gap:1rem;margin-top:1rem}.member-card{display:flex;flex-wrap:wrap;gap:1rem;padding:max(1rem,1.5vw);border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.member-card h4{min-width:12rem}.member-card h5{font-weight:400}.member-card .kyc-wrapper{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.member-card .kyc-wrapper .icon{width:1.1rem;height:1.1rem}.member-card .kyc-wrapper .kyc-status{display:flex;align-items:center;gap:.1rem;padding:.3rem;border-radius:3rem;font-weight:500;background-color:rgba(var(--text-color), 0.1);padding-right:.5rem}.member-card .kyc-wrapper .kyc-status.pending{background-color:var(--yellow);color:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.pending .icon{fill:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.verified{background-color:var(--green);color:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.verified .icon{fill:rgba(var(--foreground-color), 1)}sm-copy{font-weight:500;font-size:.9rem;color:rgba(var(--text-color), 0.8)}@media screen and (min-width: 768px){main{padding:1.5rem 8vw}sm-copy{min-width:24rem}}.hidden{display:none}
|
||||
*{padding:0;margin:0;box-sizing:border-box;font-family:"Inter",sans-serif}:root{font-size:clamp(1rem,1.2vmax,1.2rem)}html,body{height:100%}body{--accent-color: #3d5afe;--secondary-color: #ffac2e;--text-color: 20, 20, 20;--foreground-color: 252, 253, 255;--background-color: 241, 243, 248;--danger-color: rgb(255, 75, 75);--green: #1cad59;--yellow: rgb(220, 165, 0);color:rgba(var(--text-color), 1);background-color:rgba(var(--background-color), 1)}body[data-theme=dark]{--accent-color: #6d83ff;--secondary-color: #d60739;--text-color: 220, 220, 220;--foreground-color: 27, 28, 29;--background-color: 21, 22, 22;--danger-color: rgb(255, 106, 106);--green: #00e676;--yellow: rgb(255, 213, 5)}p,strong{font-size:.9rem;max-width:65ch;line-height:1.7;color:rgba(var(--text-color), 0.9)}.icon{width:1.2rem;height:1.2rem;fill:rgba(var(--text-color), 0.9)}.flex{display:flex}.flex-direction-column{flex-direction:column}.grid{display:grid}.gap-0-3{gap:.3rem}.gap-0-5{gap:.5rem}.gap-1{gap:1rem}.gap-1-5{gap:1.5rem}.align-content-start{align-content:start}.align-items-center{align-items:center}.justify-content-center{justify-content:center}header{padding:1.5rem 1rem;justify-content:space-between}main{display:grid;gap:1rem;padding:1.5rem max(1rem,6vw);grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr))}#main_banner{position:-webkit-sticky;position:sticky;top:0;justify-content:center;padding:1rem;width:100%;background-color:#ee5252}#main_banner .icon{fill:rgba(var(--foreground-color), 1)}#main_banner #banner_content{color:rgba(var(--foreground-color), 1)}.app{display:flex;flex-direction:column;padding:max(1.5rem,3vw);background-color:rgba(var(--foreground-color), 1);border-radius:.5rem;gap:1rem}.app__icon{display:flex;justify-content:center;align-items:center;width:5rem;height:5rem;border-radius:.5rem;background-color:rgba(var(--background-color), 1);margin-bottom:1rem}.app__icon .icon{width:3rem;height:3rem;fill:rgba(var(--text-color), 0.9)}.app li{list-style:none;font-size:.9rem;color:rgba(var(--text-color), 0.8);margin-bottom:.8rem;line-height:1.5}.app a:not([class]){display:flex;align-items:center;text-decoration:none;color:var(--accent-color);font-weight:500}.app a:not([class]):hover{text-decoration:underline}.app a:not([class]) .icon{margin-left:.3rem;width:1em;height:1em;fill:var(--accent-color)}.ext-link{display:flex;gap:.5rem;align-items:center;text-decoration:none;background-color:var(--accent-color);padding:.5rem 1rem;border-radius:.5rem;color:rgba(var(--foreground-color), 1);font-weight:500;align-self:flex-start;margin-top:auto;transition:color .2s,background-color .2s}.ext-link .icon{fill:rgba(var(--foreground-color), 1);transition:fill .2s}.ext-link:hover{color:var(--accent-color);background-color:rgba(var(--foreground-color), 1);box-shadow:0 0 0 .1rem var(--accent-color) inset}.ext-link:hover .icon{fill:var(--accent-color)}article{display:grid;gap:1rem;padding:1.5rem max(1rem,6vw)}ul{display:grid;gap:1rem;margin-top:1rem}.member-card{display:flex;flex-wrap:wrap;gap:1rem;padding:max(1rem,1.5vw);border-radius:.5rem;background-color:rgba(var(--foreground-color), 1)}.member-card h4{min-width:12rem}.member-card h5{font-weight:400}.member-card .kyc-wrapper{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.member-card .kyc-wrapper .icon{width:1.1rem;height:1.1rem}.member-card .kyc-wrapper .kyc-status{display:flex;align-items:center;gap:.1rem;padding:.3rem;border-radius:3rem;font-weight:500;background-color:rgba(var(--text-color), 0.1);padding-right:.5rem}.member-card .kyc-wrapper .kyc-status.pending{background-color:var(--yellow);color:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.pending .icon{fill:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.verified{background-color:var(--green);color:rgba(var(--foreground-color), 1)}.member-card .kyc-wrapper .kyc-status.verified .icon{fill:rgba(var(--foreground-color), 1)}sm-copy{font-weight:500;font-size:.9rem;color:rgba(var(--text-color), 0.8)}.important-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.important-link{list-style:none;flex:1}.important-link .icon,.important-link img{width:1.2rem;height:1.2rem;fill:var(--accent-color);flex-shrink:0}.important-link a{white-space:nowrap;display:flex;align-items:center;text-align:start;gap:.5rem;font-weight:500;background-color:rgba(var(--foreground-color), 1);padding:.7rem 1rem;border-radius:.5rem;text-decoration:none;color:var(--accent-color)}.important-link a:hover{text-decoration:underline}@media screen and (min-width: 768px){main{padding:1.5rem 8vw}sm-copy{min-width:24rem}}.hidden{display:none}
|
||||
@ -242,6 +242,39 @@ sm-copy {
|
||||
font-size: 0.9rem;
|
||||
color: rgba(var(--text-color), 0.8);
|
||||
}
|
||||
.important-links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.important-link {
|
||||
list-style: none;
|
||||
flex: 1;
|
||||
.icon,
|
||||
img {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
fill: var(--accent-color);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
a {
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-align: start;
|
||||
gap: 0.5rem;
|
||||
font-weight: 500;
|
||||
background-color: rgba(var(--foreground-color), 1);
|
||||
padding: 0.7rem 1rem;
|
||||
border-radius: 0.5rem;
|
||||
text-decoration: none;
|
||||
color: var(--accent-color);
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
main {
|
||||
|
||||
83
index.html
83
index.html
@ -55,7 +55,7 @@
|
||||
<strong id="banner_content"></strong>
|
||||
</section>
|
||||
<div class="grid gap-1-5"
|
||||
style="text-align: center; justify-content: center; padding: 8vw 1rem; margin-bottom: 1rem;">
|
||||
style="text-align: center; justify-content: center; justify-items: center; padding: 8vw 1rem; margin-bottom: 1rem;">
|
||||
<div class="grid gap-0-5">
|
||||
<h1>
|
||||
El Salvador Real Estate Tokenization
|
||||
@ -71,6 +71,81 @@
|
||||
Price per tokenroom# token
|
||||
</p>
|
||||
</div>
|
||||
<ul class="important-links">
|
||||
<li class="important-link">
|
||||
<a href="https://www.airbnb.com/h/tokenroom-elzonte" target="_blank">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
||||
viewBox="0 0 24 24" width="24px" fill="#000000">
|
||||
<g>
|
||||
<rect fill="none" height="24" width="24" x="0" />
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M22,10V6c0-1.11-0.9-2-2-2H4C2.9,4,2.01,4.89,2.01,6v4C3.11,10,4,10.9,4,12s-0.89,2-2,2v4c0,1.1,0.9,2,2,2h16 c1.1,0,2-0.9,2-2v-4c-1.1,0-2-0.9-2-2S20.9,10,22,10z M13,17.5h-2v-2h2V17.5z M13,13h-2v-2h2V13z M13,8.5h-2v-2h2V8.5z" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
Book on Airbnb
|
||||
</a>
|
||||
</li>
|
||||
<li class="important-link">
|
||||
<a href="https://twitter.com/ProjectBSV" target="_blank">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 400 400"
|
||||
style="enable-background:new 0 0 400 400;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0 {
|
||||
fill: #1B9DF0;
|
||||
}
|
||||
|
||||
.st1 {
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
</style>
|
||||
<g id="Dark_Blue">
|
||||
<circle class="st0" cx="200" cy="200" r="200" />
|
||||
</g>
|
||||
<g id="Logo__x2014__FIXED">
|
||||
<path class="st1"
|
||||
d="M163.4,305.5c88.7,0,137.2-73.5,137.2-137.2c0-2.1,0-4.2-0.1-6.2c9.4-6.8,17.6-15.3,24.1-25 c-8.6,3.8-17.9,6.4-27.7,7.6c10-6,17.6-15.4,21.2-26.7c-9.3,5.5-19.6,9.5-30.6,11.7c-8.8-9.4-21.3-15.2-35.2-15.2 c-26.6,0-48.2,21.6-48.2,48.2c0,3.8,0.4,7.5,1.3,11c-40.1-2-75.6-21.2-99.4-50.4c-4.1,7.1-6.5,15.4-6.5,24.2 c0,16.7,8.5,31.5,21.5,40.1c-7.9-0.2-15.3-2.4-21.8-6c0,0.2,0,0.4,0,0.6c0,23.4,16.6,42.8,38.7,47.3c-4,1.1-8.3,1.7-12.7,1.7 c-3.1,0-6.1-0.3-9.1-0.9c6.1,19.2,23.9,33.1,45,33.5c-16.5,12.9-37.3,20.6-59.9,20.6c-3.9,0-7.7-0.2-11.5-0.7 C110.8,297.5,136.2,305.5,163.4,305.5" />
|
||||
</g>
|
||||
</svg>
|
||||
Event Updates
|
||||
</a>
|
||||
</li>
|
||||
<li class="important-link">
|
||||
<a href="https://iris.to/projectb" target="_blank">
|
||||
<img src="https://iris.to/3f213087732422818ea1f7bfc2345c5a.png" alt="Iris logo">
|
||||
Message Us
|
||||
</a>
|
||||
</li>
|
||||
<li class="important-link">
|
||||
<a href="https://t.me/+YE4VLy-a1G00MDkx" target="_blank">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
width="1000px" height="1000px" viewBox="0 0 1000 1000" version="1.1">
|
||||
<!-- Generator: Sketch 53.2 (72643) - https://sketchapp.com -->
|
||||
<title>Artboard</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="99.2583404%" id="linearGradient-1">
|
||||
<stop stop-color="#2AABEE" offset="0%" />
|
||||
<stop stop-color="#229ED9" offset="100%" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<circle id="Oval" fill="url(#linearGradient-1)" cx="500" cy="500" r="500" />
|
||||
<path
|
||||
d="M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z"
|
||||
id="Path-3" fill="#FFFFFF" />
|
||||
</g>
|
||||
</svg>
|
||||
Token and Investor Communications
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<main>
|
||||
<div class="app">
|
||||
@ -127,10 +202,8 @@
|
||||
value="bc1qh38s56q6vqahqv758dgsrvh92tkrt5drg259zklqectmj44uy5lsg4ppps"></sm-copy>
|
||||
</div>
|
||||
<a href="https://ranchimall.github.io/btcwallet/#/check_details?query=bc1qh38s56q6vqahqv758dgsrvh92tkrt5drg259zklqectmj44uy5lsg4ppps"
|
||||
target="_blank">Check
|
||||
the balance</a>
|
||||
<a href="participants.html" target="_blank" class="ext-link">
|
||||
Open
|
||||
target="_blank" class="ext-link">
|
||||
Check balance
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px"
|
||||
viewBox="0 0 24 24" width="24px" fill="#000000">
|
||||
<g>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user