Skip to content

Some changes! #3

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

Draft
cesartalves wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Some changes! #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
96 changes: 25 additions & 71 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,92 +5,29 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cesartalvez! Software Engineering, Languages and Everything in between!</title>

<style>
body {
margin: 0px;
padding: 0px;
}

.intro-thanks {
margin: 0px 10px 0px 10px;
border-radius: 10px;
background-color: rgb(213, 240, 241);
padding: 20px;
}

.thanks {
font-weight: bold;
}

.center-content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}

.video {
font-size: 30px;
}

.video-container {
background-color: rgb(213, 240, 241);
margin: 30px 0px 30px 0px;
padding: 20px;
}

#nav {
background-color: black;
height: 20px;
margin-bottom: 20px;
padding: 10px;
}

#nav a {
color: white;
text-decoration: none;

}

#external {
margin: 20px 0px 30px 0px;
padding: 30px 0px 30px 0px;
border-radius: 5px;
background-color: beige;
}

#external > p {
padding-bottom: 20px;
font-weight: bolder;
}

#footer {
margin-bottom: 20px;
padding: 20px;
}

</style>
<link rel="stylesheet" href="./main.css">
</head>
<body>
<section id="nav" class="center-content">
<a href="">cesartalvez | Sample LandingPage ✨</a>
</section>
</section>
<section id="intro" class="center-content">
<div>
<div class="intro-thanks">
<div class="">
Hi! This is a sample Landing Page.
</div>
<div class="">This is a sample Landing Page</div>
<div class="thanks">
Thanks for vising! ☺️
</div>
<hr>
<br>I use this Page to <strong>Teach people I am Mentoring!</strong>
<a href="https://calendly.com/cesartalves/bate-papo-avaliacao-15-min?">
Book a Chat TODAY! 🫡
</a>
</div>

<div class="video-container">
<p><strong>Need help with Programming? See the links below! Click on the Link below! 👇</strong>

<p><strong>PROGRAMMING VIDEOS!👇</strong>
</p>
<ul>
<li>
Expand All @@ -99,16 +36,23 @@
<li>
<a class="video" href="https://youtu.be/uNEnYoceGyE" target="_blank">What is DRY? (Portuguese)</a>
</li>
<li>
<a class="video" href="https://youtu.be/91AqVoOu7nc">Dicas para Começar à Programar (Portuguese)</a>
</li>
</ul>

</div>
</div>
</section>

<section id="external">
<div class="center-content">

</div>
<p class="center-content">Find me on Social Media! 🧑🏻‍💻</p>
<div class="center-content">
<div class="external">
<div class="">

<div class="linkedin-badge">
<div class="badge-base LI-profile-badge" data-locale="pt_BR" data-size="medium" data-theme="dark"
data-type="VERTICAL" data-vanity="cesartalves" data-version="v1">
Expand All @@ -128,6 +72,16 @@
</div>
</section>

<section id="listening ">
<div>
<div class="center-content">Currently Listening to 🦻</div>
<br>
<!--- TODO: center IFRAME-->
<iframe src="https://open.spotify.com/embed/track/5gG7Jis9uH1MYh9l1SqsFh?utm_source=generator" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
</section>


<section id="footer">
Programmed with ❤️ by <a href="https://linktr.ee/cesartalvez" target="_blank">@cesartalvez!</a>
</section>
Expand Down
69 changes: 69 additions & 0 deletions main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@

body {
margin: 0px;
padding: 0px;
}

.intro-thanks {
margin: 0px 10px 0px 10px;
border-radius: 10px;
background-color: rgb(213, 240, 241);
padding: 20px;
}

.thanks {
font-weight: bold;
}

.center-content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}

.video {
font-size: 30px;
}

.video-container {
background-color: rgb(213, 240, 241);
margin: 30px 0px 30px 0px;
padding: 20px;
}

#nav {
background-color: black;
height: 20px;
margin-bottom: 20px;
padding: 10px;
}

#nav a {
color: white;
text-decoration: none;

}

#external {
margin: 20px 0px 30px 0px;
padding: 30px 0px 30px 0px;
border-radius: 5px;
background-color: beige;
}

#external > p {
padding-bottom: 20px;
font-weight: bolder;
}

#listening iframe {

}

#footer {
margin-bottom: 20px;
padding: 20px;
}