Skip to content

Commit

Permalink
Test push
Browse files Browse the repository at this point in the history
  • Loading branch information
@Horuspokus
Horuspokus committed Nov 30, 2024
1 parent 7fe6971 commit 8599ff6
Show file tree
Hide file tree
Showing 2 changed files with 137 additions and 179 deletions.
234 changes: 83 additions & 151 deletions css/master.css
View file
Original file line number Diff line number Diff line change
@@ -1,164 +1,96 @@
/* Basic Reset */
/* General Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Arial', sans-serif;
}

body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: #121212;
color: #e0e0e0;
line-height: 1.6;
color: #333;
background-color: #f4f4f4;
}

.container {
width: 80%;
margin: auto;
overflow: hidden;
}

/* Header Styles */
header {
background: #35424a;
color: #ffffff;
padding-top: 30px;
min-height: 70px;
border-bottom: #e8491d 3px solid;
}

header a {
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
}

/* Showcase Styles */
.showcase {
min-height: 400px;
background: url('../images/2.jpg') no-repeat 0 -100px;
text-align: center;
color: #ffffff;
}

.showcase h1 {
margin-top: 100px;
font-size: 55px;
margin-bottom: 10px;
}

.showcase p {
font-size: 20px;
}

/* Newsletter Styles */
.newsletter {
padding: 15px;
color: #ffffff;
background: #35424a;
}

.newsletter h1 {
text-transform: uppercase;
}

.newsletter form {
display: flex;
justify-content: center;
align-items: center;
}

.newsletter input[type="email"] {
padding: 4px;
height: 25px;
width: 250px;
}

/* Boxes Section */
.boxes {
display: flex;
justify-content: space-around;
margin-top: 20px;
}

.box {
width: 30%;
padding: 10px;
background: #e8491d;
color: #ffffff;
}

.box h3 {
text-align: center;
}

/* Footer Styles */
footer {
padding: 20px;
background: #35424a;
color: #ffffff;
text-align: center;
}

header {
background: url('../images/2.jpg') no-repeat center center/cover;
color: #fff;
height: 100vh;
}

.container {
scroll-behavior: smooth;
}

/* Header */
.header {
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}

nav ul {
list-style: none;
}

nav ul li {
display: inline;
margin-left: 20px;
}

nav a {
padding: 1rem 2rem;
background-color: #1c1c1c;
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
}

.logo {
font-size: 1.5rem;
font-weight: bold;
color: #fff;
}

.nav a {
margin-left: 1.5rem;
text-decoration: none;
}

/* Portfolio Section Styles */
#portfolio {
padding: 20px 0;
background: #f4f4f4;
}

.portfolio-items {
color: #e0e0e0;
font-size: 1rem;
transition: color 0.3s;
}

.nav a:hover {
color: #007aff;
}

/* Main Sections */
.section {
padding: 5rem 2rem 2rem;
max-width: 800px;
margin: auto;
text-align: center;
}

.section h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #fff;
}

/* Portfolio Section */
.portfolio-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 15px;
}

.portfolio-item {
background: #fff;
padding: 20px;
border: 1px solid #ddd;
box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.portfolio-item h3 {
margin-bottom: 10px;
}

/* Footer Styles */
footer {
background: #333;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 1rem;
margin-top: 2rem;
}

.portfolio-item {
background-color: #1c1c1c;
padding: 2rem;
border-radius: 8px;
transition: transform 0.3s, background-color 0.3s;
}

.portfolio-item:hover {
transform: translateY(-5px);
background-color: #007aff;
color: #fff;
}

/* Footer */
.footer {
text-align: center;
padding: 20px 0;
}

footer p {
margin-bottom: 10px;
}
padding: 1rem;
background-color: #1c1c1c;
position: relative;
bottom: 0;
width: 100%;
}

.footer p {
color: #e0e0e0;
font-size: 0.875rem;
}

82 changes: 54 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ <h1>Gökhan Dönmez</h1>
</div>
</header>
<div id="portfolio">
<!-- Portfolio content goes here -->

</div>

<body>
Expand All @@ -38,35 +38,61 @@ <h2>Credentials and Portfolio</h2>
<h2>Contact</h2>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>

<!-- Portfolio Section
<section id="portfolio">
<div class="container">
<h2>My Portfolio</h2>
<div class="portfolio-items">
<!-- Portfolio item 1
<div class="portfolio-item">
<h3>Project Title 1</h3>
<p>Description of Project 1. Briefly describe what the project is about.</p>
<!-- Optionally add a link or an image
</div>

<!-- Portfolio item 2
<div class="portfolio-item">
<h3>Project Title 2</h3>
<p>Description of Project 2. Briefly describe what the project is about.</p>
<!-- Optional link or image
</div>
</body>
</html>

<!-- Add more portfolio items as needed
</div>
</div>
</section> -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gökhan Dönmez's Portfolio</title>
<link rel="stylesheet" href="master.css">
</head>
<body>
<header class="header">
<div class="logo">Gokhan DONMEZ</div>
<nav class="nav">
<a href="#about">About Me</a>
<a href="#portfolio">Portfolio</a>
<a href="#reach-me">Reach Me</a>
</nav>
</header>

<main>
<section id="about" class="section">
<h1>About Me</h1>
<p>
Hi, I'm Gokhan DONMEZ, an aspiring engineer and developer. I’m passionate about creating solutions that combine simplicity, functionality, and technology. Welcome to my portfolio!
</p>
</section>

<section id="portfolio" class="section">
<h1>Portfolio</h1>
<div class="portfolio-grid">
<div class="portfolio-item">Quantative Methods in Transportation</div>
<div class="portfolio-item">Analysis Methods in Traffic Engineering</div>
<div class="portfolio-item">Technology of Building Information Modeling</div>
<div class="portfolio-item">Traffic Flow</div>
</div>
</section>

<section id="reach-me" class="section">
<h1>Reach Me</h1>
<p>
Feel free to contact me via email: <a href="mailto:[email protected]">[email protected]</a>
</p>
<p>
You can also find me on:
<a href="https://www.linkedin.com/in/donmezgokhan" target="_blank">LinkedIn</a> |
<a href="https://github.com/Horuspokus" target="_blank">GitHub</a>
</p>
</section>
</main>

<footer class="footer">
<p>© 2023-2024 Gökhan Dönmez. All Rights Reserved.</p>
</footer>
</body>
<footer>
<div class="container">
<p>&copy; 2023 Gökhan Dönmez. All Rights Reserved.</p>
<p>Contact Information: [email protected], /in/donmezgokhan</p>
</div>
</footer>
</html>

0 comments on commit 8599ff6

Please sign in to comment.