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.
https://arctichawk1.github.io/Arctichawk1-Website/
# Author
Made by Batuhan Başoğlu

14
css/styles.css
View file

@ -412,6 +412,10 @@ ul {
margin-top: 60px;
}
#links .about-content .about-box-text {
text-align: center;
}
.about-content .about-box-text h4 {
display: inline-block;
padding-bottom: 5px;
@ -680,7 +684,7 @@ ul {
}
.fa-ul>li {
margin-left: -25%;
margin-left: -2%;
}
#links .primary-button {
@ -709,7 +713,7 @@ ul {
.about-content .about-box-text {
background-color: rgb(24, 26, 27);
padding: 30px;
margin-top: -30px;
margin-top: -200px;
margin-left: 15px;
margin-right: 15px;
}
@ -1292,6 +1296,10 @@ body.lb-disable-scrolling {
font-size: 20px;
}
#links .fa-ul{
margin-left: 0;
}
.slider {
width: 100%;
max-width: 800px;
@ -1368,7 +1376,7 @@ body.lb-disable-scrolling {
@media (min-width: 768px) {
#links .primary-button {
padding: 25px 0 0 50px;
padding: 25px 0 0 0;
}
#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="left-text">
<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.
Great at making projects, excellent feedback from employers and good at working with people.</p>
<p>Hi, my name is Batuhan. I am a Software Developer who designs, programs and manages software
systems and computer hardware.
Great at making projects, excellent feedback from employers and good at working with people.
</p>
<div class="primary-button">
<a href="resume/CV_Batuhan.pdf">Download Resume</a>
</div>
@ -97,7 +99,7 @@
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="about-content">
<div class="heading">
<div style="padding-top: 10%;" class="heading">
<h4>Links</h4>
</div>
<div class="row">
@ -108,26 +110,35 @@
</div>
<div class="col-md-7 col-md-offset-5">
<div class="about-box-text">
<h4>List of Links</h4>
<h4>Professional</h4>
<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>
<i class="fa fa-envelope"></i> <a href="mailto:batuhanbasoglu@mailbox.org">E-Mail</a>
</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>
<div class="primary-button">
<a href="#contact">Contact Me</a>
@ -186,6 +197,9 @@
<li>MATLAB</li>
<li>ModelSim</li>
<li>AutoCAD</li>
<li>TypeScript</li>
<li>PHP</li>
<li>Vue</li>
<li>Kotlin</li>
<li>CMake</li>
<li>Shell Scripting</li>
@ -205,6 +219,7 @@
<li>Altera DE2</li>
<li>K-CSP</li>
<li>K-ECS</li>
<li>WordPress</li>
<li>Agile Methodologies</li>
<li>Microsoft Office</li>
<li>Adobe After Effects</li>
@ -240,8 +255,8 @@
<div class="text-content">
<h4>Inovestor</h4>
<p>(2021-Present)</p>
<p> Working as a web developer, doing a contract work through IBM to develop VIA Rail
Canada's website.</p>
<p> Working as a web developer, doing a contract work through RPM Eco to develop it's website.
Did a contract work through IBM to develop VIA Rail Canada's website.</p>
<div class="primary-button">
<a href="https://www.inovestor.com/">Visit Website</a>
</div>
@ -297,26 +312,69 @@
<div class="row">
<div class="col-md-12">
<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 class="project-item">
<a href="img/project-13.jpg" data-lightbox="image-2"><img src="img/project-13.jpg" alt=""></a>
<div class="text-content">
<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,
C#, AngularJS and MySQL.
<p>Worked on VIA Rail Canada’s Website through a contract with IBM. It is made using HTML,
CSS, .NET,
C#, AngularJS and MySQL. </p>
<div class="primary-button">
<a href="https://reservia.viarail.ca">Discover More</a>
</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 class="project-item">
<a href="img/project-12.jpg" data-lightbox="image-2"><img src="img/project-12.jpg" alt=""></a>
<div class="text-content">
<h4>Kargı Building Complex's Website</h4>
<p>Built Kargi Building Complex’s Website using HTML, CSS, Javascript, Angular and
Typescript.
Typescript. </p>
<div class="primary-button">
<a href="https://kargisitesi.com/">Discover More</a>
</div>
@ -345,7 +403,7 @@
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>
<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>
</div>
</div>
@ -360,7 +418,7 @@
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>
<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>
@ -374,7 +432,7 @@
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>
<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>
@ -388,7 +446,7 @@
Node.js in Analysis and Design of User Interfaces class. </p>
<div class="primary-button">
<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>
</div>
</div>
@ -403,7 +461,7 @@
Node.js in Analysis and Design of User Interfaces class.</p>
<div class="primary-button">
<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>
</div>
</div>
@ -417,7 +475,7 @@
<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>
<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>
@ -430,7 +488,7 @@
<p>Made an alternative grocery store website using HTML, CSS and Node.js in Analysis and
Design of User Interfaces class.</p>
<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>
</div>
</div>
@ -444,7 +502,7 @@
<p>Made a grocery store website using HTML, CSS and Node.js in Analysis and Design of User
Interfaces class. </p>
<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>
@ -458,7 +516,7 @@
Node.js and EJS in Analysis and Design of User Interfaces class.</p>
<div class="primary-button">
<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>
</div>
</div>
@ -473,19 +531,20 @@
Interfaces class. This is a website that asks questions about the Facebook user interface
with submit button to send the answers.</p>
<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>
</div>
</div>
</div>
</div><div>
</div>
<div>
<div class="project-item">
<a href="img/project-14.jpg" data-lightbox="image-2"><img src="img/project-14.jpg" alt=""></a>
<div class="text-content">
<h4>My Personal Website</h4>
<p>This very website that I made with HTML, CSS and Javascript.</p>
<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>
</div>
</div>

BIN
resume/CV_Batuhan.pdf
View file

Binary file not shown.