tykayn/digital-theory
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

more style in first section

Browse Source
This commit is contained in:
Tykayn 2023-04-20 18:34:40 +02:00 committed by tykayn
parent c2b700d77e
commit e348f1c02f
2 changed files with 46 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
css/main.css
View File

@ -270,7 +270,19 @@ main section {
height: 100vh;
width: 100vw;
font-family: 'GT Walsheim Pro';
}
main section h2{
font-family: 'GT Walsheim Pro';
font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 110%;
/* or 66px */
letter-spacing: -0.04em;
/* Secondary 100 */
color: #FFFDFC;
}
@ -309,8 +321,6 @@ main section {
left: 660px;
top: 480px;
/* Subtitle/desktop_1 */
font-weight: 600;
font-size: 2rem;
line-height: 120%;
@ -356,8 +366,27 @@ main section {
background-size: cover;
}
#content .color-emphasis{
color: #E77064;
width: 1680px;
height: 35px;
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 95%;
text-align: center;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #E77064;
backdrop-filter: blur(5px);
flex: none;
order: 0;
flex-grow: 0;
}
#content_all{
background: url('/img/bd_content.jpg');

24
index.html
View File

@ -25,7 +25,7 @@
<body>
<main>
<main class="has-text-centered">
<div class="fixed-nav is-fixed-top columns">
<div class="burger-menu column is-2">
@ -37,30 +37,34 @@
</div>
</div>
<section id="cover">
<div class="hand"></div>
<h1 id="main_title">Sesame</h1>
<p>
<h2>
We focus on online
 conversion to help brands 
sell better and more.
</p>
</h2>
<button class="button">Scroll</button>
</section>
<section id="welcome">
<p>
<h2>
We come from
<span class="color-emphasis">
the
 most immersive e-commerce market
</span>
in the world.
</p>
</h2>
</section>
<section id="open">
<p>
<h2>
Open Sesame
</p>
</h2>
</section>
<section id="content">
<p class="color-emphasis">Transactional</p>
<p>Content</p>
</section>
<h2>
<p class="color-emphasis">Transactional</p>
<p>Content</p>
</h2>
</section>
<section id="content_all">
<h2>For all your digital uses.</h2>
<p>Our creative competitive edge