Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Added my About me page #76

Open
wants to merge 11 commits into
base: main
Choose a base branch
from
Open

Added my About me page #76

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
875b62b
Update index.html
100zenithQuokka500 Oct 15, 2023
b44cce9
Added my About me page
100zenithQuokka500 Oct 21, 2023
3829662
Merge https://github.com/H1mang1/SocialHub
100zenithQuokka500 Oct 21, 2023
46e74d1
Added my about me page
100zenithQuokka500 Oct 21, 2023
03276ff
Added my About me section and page
100zenithQuokka500 Oct 22, 2023
c4741ac
Merge branch 'main' into main
100zenithQuokka500 Oct 23, 2023
fd24dcf
Merge branch 'CareerDevelopmentHub:main' into main
100zenithQuokka500 Oct 24, 2023
f60d139
Merge https://github.com/H1mang1/SocialHub
100zenithQuokka500 Oct 24, 2023
f3ca6e6
Merge branch 'main' of https://github.com/H1mang1/SocialHub
100zenithQuokka500 Oct 24, 2023
544b615
Merge branch 'main' into main
100zenithQuokka500 Oct 24, 2023
0d0ada4
Merge branch 'main' into main
100zenithQuokka500 Oct 30, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
72 changes: 72 additions & 0 deletions AboutPages/himangi_about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Me</title>
<style>
body {
background-color: #000;
color: #fff;
font-family: Arial, sans-serif;
}

.container {
max-width: 800px;
margin: 0 auto;
text-align: center;
padding: 50px;
}

.profile h1 {
font-size: 36px;
margin-bottom: 10px;
}

.social-icons {
margin-top: 20px;
}

.icon {
font-size: 36px;
margin: 0 20px;
transition: transform 0.3s ease-in-out;
color: #fff;
text-decoration: none;
}

.icon:hover {
transform: scale(1.2);
}
</style>
</head>
<body>
<div class="container">
<div class="profile">
<h1>Hello everyone 👋</h1>
<p>Welcome to my about page!</p>
<p>I am Himangi Tripathy.</p>
<p>I am pursuing Computer Science Engineering at SOA University.</p>
<p>Feel free to reach out if you'd like to connect or collaborate.</p>

<p></p>
</div>
<div class="social-icons">
<a href="https://www.linkedin.com/in/himangi-tripathy/" class="icon" target="_blank">
<i class="fab fa-linkedin"></i>
</a>


<a href="https://github.com/H1mang1" class="icon" target="_blank">
<i class="fab fa-github"></i>
</a>
<a href="https://www.instagram.com/_himangi_1/" class="icon" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<!-- Add more social icons as needed -->
</div>
</div>
<!-- Include Font Awesome CSS (you may need to download and host it) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
</body>
</html>
Binary file added assets/himangi.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
85 changes: 85 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,46 @@
href="https://fonts.googleapis.com/css2?family=Young+Serif&display=swap"
rel="stylesheet"
/>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./styles.css" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<title>SocialHub</title>
</head>

<body>
<section>
<header>
<nav>

<li><a href="#"><i class="fa-solid fa-house fa-bounce" style="color: #0d5de7;"></i>Home</a></li>
<li><a href="about.html"><i class="fa-solid fa-user fa-beat" style="color: #165cd4;"></i>About</a></li>
<li><a href="#"><i class="fa-solid fa-phone fa-beat" style="color: #0c5fed;"></i>Contact</a></li>

</ul>
</nav>
</header>
</section>
<section class="hero">
<h1>Welcome to SocialHub</h1>
<p>Connect with friends and family</p>
<button id="abt-pg">Create Your About Page</button>
</section>
<section class="second">
<h1>Create Your own About page</h1>
<p>Connect with friends </p>
</section>
<div class="about-me">
<div class="content">
<img src="./assets/suhani.png" alt="Owner's Image" />

<h2 style="font-family: Arial, sans-serif; font-size: 20px;">
Suhani Mohanty
</h2>
<p style="
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
Expand Down Expand Up @@ -88,6 +127,7 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">
</h2>
<p
style="

font-family: Arial, sans-serif;
font-size: 16px;

Expand Down Expand Up @@ -449,6 +489,25 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
">Learn More</a>
</div>
<div class="content">
<img src="./assets/himangi.png" alt="Himangi's Image" />

<h2 style="font-family: Arial, sans-serif; font-size: 20px;">
Himangi Tripathy
</h2>
<p style="
font-family: Arial, sans-serif;
font-size: 16px;

padding: 5px;
">
Student at ITER,SOA.<br>
Click below to know more :-D
</p>
<a href="./AboutPages/himangi_about.html" target="_blank" style="

"
>Learn More</a
>
Expand All @@ -473,13 +532,34 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">
href="./AboutPages/aditya_about.html"
target="_blank"
style="

font-family: Arial, sans-serif;
font-size: 16px;
color: #fff;
background-color: #333;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;

">Learn More</a>
</div>

</div>

<footer>
<div class="footer-content">
<h3>SocialHub</h3>
<p>Connecting Friends and Family through Personalized About Pages.</p>
<ul class="socials">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin-square"></i></a></li>
</ul>
</div>
<div class="footer-bottom">
<p>&copy; 2023 SocialHub. All rights reserved.</p>
"
>Learn More</a
>
Expand Down Expand Up @@ -831,6 +911,7 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">Pranav</h2>
>

</div>

<div class="content">
<img src="/assets/hp.png" alt="Owner's Image" />

Expand All @@ -853,6 +934,9 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">Harshit Pandey</h2>
text-decoration: none;
">Learn More</a>
</div>



<div class="content">
<img src="/assets/suhani.png" alt="Owner's Image" />

Expand Down Expand Up @@ -964,6 +1048,7 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">Nishant Gaurav</h2>
text-decoration: none;
">Learn More</a>
</div>

</div>


Expand Down