batuhan-basoglu/Batuhan-Basoglu-Website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Updated the Website.

Browse source
This commit is contained in:
Batuhan Berk Başoğlu 2023-12-07 14:33:32 -05:00
parent d14dff216f
commit 7106ab1586
7 changed files with 107 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -1,9 +1,7 @@
# Arctichawk1's Website # Batuhan Basoglu's Website
A read me file for my own personal website. A website designed using HTML, CSS and Javascript. A read me file for my own personal website. A website designed using HTML, CSS and Javascript.
https://arctichawk1.github.io/Arctichawk1-Website/
# Author # Author
Made by Batuhan Başoğlu Made by Batuhan Başoğlu

14
css/styles.css
View file

@ -412,6 +412,10 @@ ul {
margin-top: 60px; margin-top: 60px;
} }
#links .about-content .about-box-text {
text-align: center;
}
.about-content .about-box-text h4 { .about-content .about-box-text h4 {
display: inline-block; display: inline-block;
padding-bottom: 5px; padding-bottom: 5px;
@ -680,7 +684,7 @@ ul {
} }
.fa-ul>li { .fa-ul>li {
margin-left: -25%; margin-left: -2%;
} }
#links .primary-button { #links .primary-button {
@ -709,7 +713,7 @@ ul {
.about-content .about-box-text { .about-content .about-box-text {
background-color: rgb(24, 26, 27); background-color: rgb(24, 26, 27);
padding: 30px; padding: 30px;
margin-top: -30px; margin-top: -200px;
margin-left: 15px; margin-left: 15px;
margin-right: 15px; margin-right: 15px;
} }
@ -1292,6 +1296,10 @@ body.lb-disable-scrolling {
font-size: 20px; font-size: 20px;
} }
#links .fa-ul{
margin-left: 0;
}
.slider { .slider {
width: 100%; width: 100%;
max-width: 800px; max-width: 800px;
@ -1368,7 +1376,7 @@ body.lb-disable-scrolling {
@media (min-width: 768px) { @media (min-width: 768px) {
#links .primary-button { #links .primary-button {
padding: 25px 0 0 50px; padding: 25px 0 0 0;
} }
#education .projects-content .text-content { #education .projects-content .text-content {

BIN
img/project-15.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
img/project-16.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
img/project-17.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.3 KiB

131
index.html
View file

@ -71,8 +71,10 @@
<div class="home-box-content"> <div class="home-box-content">
<div class="left-text"> <div class="left-text">
<h4>About me</h4> <h4>About me</h4>
<p>Hi, my name is Batuhan. I am a Software Developer who designs, programs and manages software systems and computer hardware. <p>Hi, my name is Batuhan. I am a Software Developer who designs, programs and manages software
Great at making projects, excellent feedback from employers and good at working with people.</p> systems and computer hardware.
Great at making projects, excellent feedback from employers and good at working with people.
</p>
<div class="primary-button"> <div class="primary-button">
<a href="resume/CV_Batuhan.pdf">Download Resume</a> <a href="resume/CV_Batuhan.pdf">Download Resume</a>
</div> </div>
@ -97,7 +99,7 @@
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
<div class="about-content"> <div class="about-content">
<div class="heading"> <div style="padding-top: 10%;" class="heading">
<h4>Links</h4> <h4>Links</h4>
</div> </div>
<div class="row"> <div class="row">
@ -108,26 +110,35 @@
</div> </div>
<div class="col-md-7 col-md-offset-5"> <div class="col-md-7 col-md-offset-5">
<div class="about-box-text"> <div class="about-box-text">
<h4>List of Links</h4> <h4>Professional</h4>
<ul class="fa-ul"> <ul class="fa-ul">
<li>
<i class="fa fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/">LinkedIn</a>
</li>
<li>
<i class="fa fa-github"></i> <a href="https://github.com/batuhan-basoglu">GitHub</a>
</li>
<li>
<i class="fa fa-wordpress"></i> <a href="https://arcticpress.privatedns.org/">Blog</a>
</li>
</ul>
<h4>Personal</h4>
<ul class="fa-ul">
<li>
<i class="fa fa-mastodon"></i> <a rel="me" href="https://mastodon.social/@batuhan_basoglu">Mastodon</a>
</li>
<li>
<i class="fa fa-pixelfed"></i> <a href="https://pixelfed.social/@batuhan_basoglu">Pixelfed</a>
</li>
</ul>
<h4>Contact</h4>
<ul class="fa-ul">
<li>
<i class="fa fa-phone"></i> <a href="tel:+14385963135">Phone</a>
</li>
<li> <li>
<i class="fa fa-envelope"></i> <a href="mailto:batuhanbasoglu@mailbox.org">E-Mail</a> <i class="fa fa-envelope"></i> <a href="mailto:batuhanbasoglu@mailbox.org">E-Mail</a>
</li> </li>
<li>
<i class="fa fa-matrix-org"></i> <a href="https://matrix.to/#/@arctichawk1:mozilla.org">Matrix</a>
</li>
<li>
<i class="fa fa-github"></i> <a href="https://github.com/Arctichawk1">Github</a>
</li>
<li>
<i class="fa fa-linkedin"></i> <a href="https://www.linkedin.com/in/batuhan-basoglu/">Linkedin</a>
</li>
<li>
<i class="fa fa-mastodon"></i> <a rel="me" href="https://mastodon.online/@Arctichawk1">Mastodon</a>
</li>
<li>
<i class="fa fa-pixelfed"></i> <a href="https://pixelfed.social/Arctichawk-1">Pixelfed</a>
</li>
</ul> </ul>
<div class="primary-button"> <div class="primary-button">
<a href="#contact">Contact Me</a> <a href="#contact">Contact Me</a>
@ -186,6 +197,9 @@
<li>MATLAB</li> <li>MATLAB</li>
<li>ModelSim</li> <li>ModelSim</li>
<li>AutoCAD</li> <li>AutoCAD</li>
<li>TypeScript</li>
<li>PHP</li>
<li>Vue</li>
<li>Kotlin</li> <li>Kotlin</li>
<li>CMake</li> <li>CMake</li>
<li>Shell Scripting</li> <li>Shell Scripting</li>
@ -205,6 +219,7 @@
<li>Altera DE2</li> <li>Altera DE2</li>
<li>K-CSP</li> <li>K-CSP</li>
<li>K-ECS</li> <li>K-ECS</li>
<li>WordPress</li>
<li>Agile Methodologies</li> <li>Agile Methodologies</li>
<li>Microsoft Office</li> <li>Microsoft Office</li>
<li>Adobe After Effects</li> <li>Adobe After Effects</li>
@ -240,8 +255,8 @@
<div class="text-content"> <div class="text-content">
<h4>Inovestor</h4> <h4>Inovestor</h4>
<p>(2021-Present)</p> <p>(2021-Present)</p>
<p> Working as a web developer, doing a contract work through IBM to develop VIA Rail <p> Working as a web developer, doing a contract work through RPM Eco to develop it's website.
Canada's website.</p> Did a contract work through IBM to develop VIA Rail Canada's website.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://www.inovestor.com/">Visit Website</a> <a href="https://www.inovestor.com/">Visit Website</a>
</div> </div>
@ -297,26 +312,69 @@
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="owl-carousel owl-theme projects-container"> <div class="owl-carousel owl-theme projects-container">
<div>
<div class="project-item">
<a href="img/project-17.jpg" data-lightbox="image-2"><img src="img/project-17.jpg" alt=""></a>
<div class="text-content">
<h4>RPM Eco's Website</h4>
<p>Worked on RPM Eco’s Website through a contract with RPM Eco. It is made using HTML, CSS,
.NET,
C#, React and MySQL. </p>
<div class="primary-button">
<a href="https://rpm.eco">Discover More</a>
</div>
</div>
</div>
</div>
<div> <div>
<div class="project-item"> <div class="project-item">
<a href="img/project-13.jpg" data-lightbox="image-2"><img src="img/project-13.jpg" alt=""></a> <a href="img/project-13.jpg" data-lightbox="image-2"><img src="img/project-13.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>VIA Rail Canada's Website</h4> <h4>VIA Rail Canada's Website</h4>
<p>Worked on VIA Rail Canada’s Website through a contract with IBM. It is made using .NET, <p>Worked on VIA Rail Canada’s Website through a contract with IBM. It is made using HTML,
C#, AngularJS and MySQL. CSS, .NET,
C#, AngularJS and MySQL. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://reservia.viarail.ca">Discover More</a> <a href="https://reservia.viarail.ca">Discover More</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div>
<div class="project-item">
<a href="img/project-16.jpg" data-lightbox="image-2"><img src="img/project-16.jpg" alt=""></a>
<div class="text-content">
<h4>My WordPress Blog</h4>
<p>A self-hosted WordPress blog hosted in a Ubuntu Linux server via Oracle. It is configured
with Activity Pub to connect with other federated social networks.
WordPress is made using PHP, JavaScript, CSS and HTML.</p>
<div class="primary-button">
<a href="https://arcticpress.privatedns.org/">Discover More</a>
</div>
</div>
</div>
</div>
<div>
<div class="project-item">
<a href="img/project-15.jpg" data-lightbox="image-2"><img src="img/project-15.jpg" alt=""></a>
<div class="text-content">
<h4>My Nextcloud Storage</h4>
<p>A self-hosted Nextcloud storage hosted in a Ubuntu Linux server via Oracle. Nextcloud is
made
using JavaScript, PHP, TypeScript and Vue.</p>
<div class="primary-button">
<a href="https://arcticcloud.privatedns.org">Discover More</a>
</div>
</div>
</div>
</div>
<div> <div>
<div class="project-item"> <div class="project-item">
<a href="img/project-12.jpg" data-lightbox="image-2"><img src="img/project-12.jpg" alt=""></a> <a href="img/project-12.jpg" data-lightbox="image-2"><img src="img/project-12.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>Kargı Building Complex's Website</h4> <h4>Kargı Building Complex's Website</h4>
<p>Built Kargi Building Complex’s Website using HTML, CSS, Javascript, Angular and <p>Built Kargi Building Complex’s Website using HTML, CSS, Javascript, Angular and
Typescript. Typescript. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://kargisitesi.com/">Discover More</a> <a href="https://kargisitesi.com/">Discover More</a>
</div> </div>
@ -345,7 +403,7 @@
is an appliance application where user can set up his/her details and order appliance is an appliance application where user can set up his/her details and order appliance
services from user’s home. App is made on the Android Studio.</p> services from user’s home. App is made on the Android Studio.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://github.com/Arctichawk1/SEG2105-Olympus-Android-Application">Discover <a href="https://github.com/batuhan-basoglu/SEG2105-Olympus-Android-Application">Discover
More</a> More</a>
</div> </div>
</div> </div>
@ -360,7 +418,7 @@
class. In the Hospital Management System, user can manage the patients and assign them to class. In the Hospital Management System, user can manage the patients and assign them to
the hospital employees where each employee makes different actions.</p> the hospital employees where each employee makes different actions.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://github.com/Arctichawk1/Hospital-Management-System">Discover More</a> <a href="https://github.com/batuhan-basoglu/Hospital-Management-System">Discover More</a>
</div> </div>
</div> </div>
</div> </div>
@ -374,7 +432,7 @@
Interfaces class. It is a website where user can browse the houses, search them in google Interfaces class. It is a website where user can browse the houses, search them in google
maps or contact the agents from the contact form.</p> maps or contact the agents from the contact form.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://github.com/Arctichawk1/Kene-s-Cribs-Website">Discover More</a> <a href="https://github.com/batuhan-basoglu/Kene-s-Cribs-Website">Discover More</a>
</div> </div>
</div> </div>
</div> </div>
@ -388,7 +446,7 @@
Node.js in Analysis and Design of User Interfaces class. </p> Node.js in Analysis and Design of User Interfaces class. </p>
<div class="primary-button"> <div class="primary-button">
<a <a
href="https://arctichawk1.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Discover href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Chatbot-Service/">Discover
More</a> More</a>
</div> </div>
</div> </div>
@ -403,7 +461,7 @@
Node.js in Analysis and Design of User Interfaces class.</p> Node.js in Analysis and Design of User Interfaces class.</p>
<div class="primary-button"> <div class="primary-button">
<a <a
href="https://arctichawk1.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Discover href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website-Alternative-with-Validating-Form/">Discover
More</a> More</a>
</div> </div>
</div> </div>
@ -417,7 +475,7 @@
<p>Made a service company website using HTML and CSS in Analysis and Design of User <p>Made a service company website using HTML and CSS in Analysis and Design of User
Interfaces class. It is a bike service company website which talks about bike repairs.</p> Interfaces class. It is a bike service company website which talks about bike repairs.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://arctichawk1.github.io/Batuhan-s-Bikes-Website/">Discover More</a> <a href="https://batuhan-basoglu.github.io/Batuhan-s-Bikes-Website/">Discover More</a>
</div> </div>
</div> </div>
</div> </div>
@ -430,7 +488,7 @@
<p>Made an alternative grocery store website using HTML, CSS and Node.js in Analysis and <p>Made an alternative grocery store website using HTML, CSS and Node.js in Analysis and
Design of User Interfaces class.</p> Design of User Interfaces class.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://arctichawk1.github.io/Sam-s-Mart-Website-Alternative/">Discover <a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website-Alternative/">Discover
More</a> More</a>
</div> </div>
</div> </div>
@ -444,7 +502,7 @@
<p>Made a grocery store website using HTML, CSS and Node.js in Analysis and Design of User <p>Made a grocery store website using HTML, CSS and Node.js in Analysis and Design of User
Interfaces class. </p> Interfaces class. </p>
<div class="primary-button"> <div class="primary-button">
<a href="https://arctichawk1.github.io/Sam-s-Mart-Website/">Discover More</a> <a href="https://batuhan-basoglu.github.io/Sam-s-Mart-Website/">Discover More</a>
</div> </div>
</div> </div>
</div> </div>
@ -458,7 +516,7 @@
Node.js and EJS in Analysis and Design of User Interfaces class.</p> Node.js and EJS in Analysis and Design of User Interfaces class.</p>
<div class="primary-button"> <div class="primary-button">
<a <a
href="https://github.com/Arctichawk1/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Discover href="https://github.com/batuhan-basoglu/Questionnaire-of-the-Facebook-UI-UX-Website-Alternative-with-Analysis-Function">Discover
More</a> More</a>
</div> </div>
</div> </div>
@ -473,19 +531,20 @@
Interfaces class. This is a website that asks questions about the Facebook user interface Interfaces class. This is a website that asks questions about the Facebook user interface
with submit button to send the answers.</p> with submit button to send the answers.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://arctichawk1.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/">Discover <a href="https://batuhan-basoglu.github.io/Questionnaire-of-the-Facebook-UI-UX-Website/">Discover
More</a> More</a>
</div> </div>
</div> </div>
</div> </div>
</div><div> </div>
<div>
<div class="project-item"> <div class="project-item">
<a href="img/project-14.jpg" data-lightbox="image-2"><img src="img/project-14.jpg" alt=""></a> <a href="img/project-14.jpg" data-lightbox="image-2"><img src="img/project-14.jpg" alt=""></a>
<div class="text-content"> <div class="text-content">
<h4>My Personal Website</h4> <h4>My Personal Website</h4>
<p>This very website that I made with HTML, CSS and Javascript.</p> <p>This very website that I made with HTML, CSS and Javascript.</p>
<div class="primary-button"> <div class="primary-button">
<a href="https://github.com/Arctichawk1/Arctichawk1-Website">Discover <a href="https://github.com/batuhan-basoglu/Batuhan-Basoglu-Website">Discover
More</a> More</a>
</div> </div>
</div> </div>

BIN
resume/CV_Batuhan.pdf
View file

Binary file not shown.