Skip to content

Commit

Permalink
Initial Commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@AF0577824641
AF0577824641 committed Oct 23, 2024
1 parent f304f8a commit e04459f
Show file tree
Hide file tree
Showing 21 changed files with 758 additions and 11 deletions.
Binary file added .DS_Store
View file
Binary file not shown.
1 change: 0 additions & 1 deletion README.md
View file

This file was deleted.

130 changes: 130 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,130 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/stylesheet.css" />
<link rel="stylesheet" href="css/globals.css" />
<title>About Page</title>
</head>
<body>
<div class="homepage screen">
<div class="nav-content nav">
<div class="nav-home nav">
<a href="index.html">
<div class="home-link ">Documentation</div>
</a>
</div>
<div class="nav-home nav">
<a href="about.html">
<div class="home-link ">About</div>
</a>
</div>
<div class="nav-home nav">
<a href="research.html">
<div class="home-link ">Research</div>
</a>
</div>
<div class="nav-home nav">
<a href="photography.html">
<div class="home-link ">Photography</div>
</a>
</div>
<div class="menubar"></div>
</div>

<div class="content">
<div class="heading-top">
<div class="frame-7">
<h1 class="heading">About</h1>
</div>
<div class="body-text">
<p class="body">
Lorem proident incididunt esse eiusmod reprehenderit culpa irure. Duis sint excepteur sit in sit id magna non ullamco ad incididunt quis.
<br><br>
Ea minim exercitation excepteur proident culpa minim exercitation do anim ut dolore non dolore qui pariatur. Sit aliqua est eiusmod ipsum elit deserunt dolore ut nulla occaecat. Sunt velit aute dolore minim fugiat in duis eu Lorem velit nulla.
</p>
</div>
</div>

<div class="table">
<div class="table-row">
<div class="table-cell table-header">No.</div>
<div class="table-cell table-header">Project</div>
<div class="table-cell table-header">Client</div>
<div class="table-cell table-header">Categories</div>
</div>

<div class="table-row">
<div class="table-cell">1</div>
<div class="table-cell">Tobias Grau Case-study</div>
<div class="table-cell">Art Direction, CGI</div>
<div class="table-cell">Self-initiated</div>
</div>
<div class="table-row">
<div class="table-cell">10</div>
<div class="table-cell">Lab Archiv</div>
<div class="table-cell">Website, Pictograms</div>
<div class="table-cell">Self-initiated</div>
</div>
<div class="table-row">
<div class="table-cell">11</div>
<div class="table-cell">Twenty-by Thirty</div>
<div class="table-cell">Art Direction, Photography</div>
<div class="table-cell">Self-initiated</div>
</div>
<div class="table-row">
<div class="table-cell">12</div>
<div class="table-cell">Pigment Lab</div>
<div class="table-cell">Website, Pictograms</div>
<div class="table-cell">Self-initiated</div>
</div>
<div class="table-row">
<div class="table-cell">13</div>
<div class="table-cell">Spurious Concomitant Reality</div>
<div class="table-cell">Wayfinding</div>
<div class="table-cell">Self-initiated</div>
</div>
<div class="table-row">
<div class="table-cell">14</div>
<div class="table-cell">Wevie Dimascus</div>
<div class="table-cell">Graphics, Social Content</div>
<div class="table-cell">Self-initiated</div>
</div>
<div class="table-row">
<div class="table-cell">15</div>
<div class="table-cell">Analog and Digital</div>
<div class="table-cell">Presentation, Photography</div>
<div class="table-cell">Self-initiated</div>
</div>
<div class="table-row">
<div class="table-cell">16</div>
<div class="table-cell">Be Not Afraid OZU Was Right</div>
<div class="table-cell">Title Design</div>
<div class="table-cell">Self-initiated</div>
</div>
<div class="table-row">
<div class="table-cell">17</div>
<div class="table-cell">Terra Kaffe</div>
<div class="table-cell">Art Direction, Brand Identity</div>
<div class="table-cell">Terra Kaffe</div>
</div>
<div class="table-row">
<div class="table-cell">18</div>
<div class="table-cell">Care Assist</div>
<div class="table-cell">Brand Identity, Website</div>
<div class="table-cell">Sanofi</div>
</div>
</div>
</div>

<footer class="footer">
<div class="footer-link">
<p class="footer-text
">
© 2024 Adonis Fuentes. All rights reserved.
</p>
</div>
</footer>
</div>
</body>
</html>
Binary file added css/.DS_Store
View file
Binary file not shown.
178 changes: 178 additions & 0 deletions css/globals.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,178 @@

@font-face {
font-family: "DIN Next LT Pro-Bold";
font-style: normal;
font-weight: 700;
src: url("../fonts/DINNextLTPro-Bold.otf") format("opentype");
}
@font-face {
font-family: "DIN Next LT Pro-Regular";
font-style: normal;
font-weight: 400;
src: url("../fonts/DINNextLTPro-Regular.otf") format("opentype");
}


.page a {
display: contents;
text-decoration: none;
}

.description {
flex-direction: column;
justify-content: center;
}

* {
box-sizing: border-box;
color: wheat;
font-family: DIN Next LT Pro-Regular
}

.nav-content {
align-self: stretch;
background-color: var(--vulcan);
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: var(--abbey);
display: flex;
height: 48px;
padding: 0px 0px 1px;
width: 100vw;
}

.nav-home {
gap: 3.4px;
height: 47px;
padding: 13.25px 34px 13.5px 18px;
}

.home-link {
letter-spacing: 0.16px;
line-height: 20px;
margin-top: -0.88px;
position: relative;
white-space: nowrap;
width: fit-content;
font-family: DIN Next LT Pro-Regular;
}

.menubar {
position: relative;
}

.heading-top {
gap: 10px;
justify-content: center;
position: relative;
width: 100vw;
padding: 33;
}

.heading-top {}

.frame-7 {
align-items: center;
gap: 10px;
justify-content: center;
position: relative;
}

.card-content {
gap: 16px;
/* padding: 0px 32px; */
width: 100vw;
}

.card-heading {
justify-content: space-between;
padding: 0px 17px 32px;
width: 100%;
}

.title {
position: relative;
}

.title-1 {
letter-spacing: 0.16px;
line-height: 18px;
margin-top: -1.00px;
position: relative;
white-space: nowrap;
width: fit-content;
font-family: DIN Next LT Pro-Regular
}

.icon {
height: 8.18px;
position: relative;
width: 8.18px;
}

.footer {
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-style: solid;
border-top-width: 1px;
gap: 40px;
height: 61px;
padding: 21px 32px 20px;
position: relative;
width: 100vw;
font-family: DIN Next LT Pro-Regular
}

.footer-link {
justify-content: center;
position: relative;
}

.footer-text {
letter-spacing: 0.16px;
line-height: 20px;
margin-top: -1.00px;
position: relative;
white-space: nowrap;
width: fit-content;
}

.card-2 {
display: flex;
position: relative;
flex-wrap: wrap;
}

.nav {
align-items: center;
position: relative;
}

.nav-link {
justify-content: center;
position: relative;
color: white;
padding: 30px 30px 30px 0px;
}

.nav-text {
width: 100%;
}

.text {
letter-spacing: 0.16px;
line-height: 20px;
margin-top: -2.00px;
position: relative;
white-space: nowrap;
width: fit-content;
}


.listing-heading {
gap: 54px;
padding: 30px 0px;
position: relative;
width: 100%;
}
Loading

0 comments on commit e04459f

Please sign in to comment.