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

Added your create about me page #90

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

Added your create about me page #90

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
445ef62
yy
TheChaoticor Oct 18, 2023
e1699f0
Added about me page
TheChaoticor Oct 21, 2023
57e745c
Merge branch 'main' into main
TheChaoticor Oct 21, 2023
7247193
Added create your about page
TheChaoticor Oct 28, 2023
e4a296e
Merge branch 'main' of https://github.com/TheChaoticor/SocialHub
TheChaoticor Oct 28, 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
74 changes: 74 additions & 0 deletions AboutPages/ind.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!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: red;
color: #fff;
font-family: Arial, sans-serif;
}

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

.profih {
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;
}


</style>
</head>
<body>
<div class="container">
<div class="profih">
<h1>Hello everyone 👋</h1>
<p>Welcome to my about page!</p>
<p>
I am Arpit Mishra,a Enthusiastic learner
</p>
<p>
Do not hesitate to Connect
</p>
</div>
<div class="social-icons">
<a
href="https://www.linkedin.com/in/arpit-mishra-87b943242/"
class="icon"
target="_blank"
>
<i class="fab fa-linkedin"></i>
</a>

<a href="https://github.com/TheChaoticor" class="icon" target="_blank">
<i class="fab fa-github"></i>
</a>

</a>
</div>
</div>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
</body>
</html>
16 changes: 16 additions & 0 deletions about1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="about1css.css">

</head>
<body>
<div class="textbox"><input type="text" size="40" placeholder="Write Name" style="background-color: rgb(153, 224, 177);"></div>
<div></div>
<div class="textarea"><textarea name="#" id="ui" cols="78" rows="5" placeholder="Write About yourself" ></textarea></div>
<div class="btn"><button type="submit" style="color: orangered; padding: 3px; background-color: blue;">Submit</button></div>
</body>
</html>
51 changes: 51 additions & 0 deletions about1css.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
input{

display: flex;
align-items: center;
justify-content: center;
padding-inline: 60px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
border: 5px;
}

body{

background-image: url(https://i.pinimg.com/originals/71/42/11/714211e3b437fef2c193eb186a7808a7.jpg);
background-size: contain;
background-position: center center;

overflow:scroll;
}

.textbox{

position: relative;
margin-top: 190px;
margin-left: 300px;
}

.textarea{
position: relative;
margin-top: 19px;
margin-left: 300px;
}

#ui{
display: flex;
align-items: center;
justify-content: center;
padding-inline: 60px;
padding-top: 10px;
padding-bottom: 10px;
box-sizing: border-box;
border: 5px;
}

.btn{

position: absolute;
margin-top: 19px;
margin-left: 300px;
}
Binary file added assets/MWlNRPT.jpg
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.
52 changes: 51 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
href="https://fonts.googleapis.com/css2?family=Young+Serif&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="about.html">

<link
rel="stylesheet"
Expand Down Expand Up @@ -43,6 +44,14 @@
<body>
<section>
<header>
<main>
<nav>
<ul>
<li><a href="#"><i class="fa-solid fa-house fa-bounce" style="color: #0d5de8;"></i>Home</a></li>
<li><a href="#"><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
id="mainNavbar"
class="navbar navbar-expand-lg navbar-light fixed-top"
Expand All @@ -66,6 +75,7 @@
<a class="nav-item nav-link" href="contact.html">Contact</a>
</div>
</div>
</main>
</nav>
</header>
</section>
Expand All @@ -76,7 +86,7 @@ <h1>Welcome to SocialHub</h1>
<button id="abt-pg">Create Your About Page</button>
</section>
<section class="second">
<h1>Create Your own About page</h1>
<a href="about1.html"><h1>Create Your own About page</h1></a>
<p>Connect with friends</p>
</section>
<div class="about-me">
Expand Down Expand Up @@ -111,6 +121,46 @@ <h2 style="font-family: Arial, sans-serif; font-size: 20px">
>Learn More</a
>
</div>






<div class="about-me">
<div class="content">
<img src="./assets/MWlNRPT.jpg" alt="Owner's Image" />

<h2
style="font-family: Arial, sans-serif; font-size: 20px; color: #333"
>
Arpit Mishra
</h2>
<p
style="
font-family: Arial, sans-serif;
font-size: 16px;
color: #666;
padding: 5px;
"
>
Hi guys Welcome to contributing to this project.
</p>
<a
href="./AboutPages/ind.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 class="content">
<img src="./assets/suhani.png" alt="Owner's Image" />

Expand Down