< !DOCTYPE html >
< html >
< head >
< !-- Title info, link to css file, all inside the head element.
I use the html5-boilerplate to add the meta data.-- >
< meta charset="utf-8" / >
< meta http-equiv="X-UA-Compatible" content="IE=edge" / >
< title >Week 01 < /title >
< meta name="viewport" content="width=device-width, initial-scale=1" / >
< link rel="stylesheet" href="CSS\styles.css" / >
< /head >
< heading >
< h1 >CODING with Eric Polley < /h1 >
< a href="HTML\FirstPage.html" title="Forms and buttons" alt="Coding Brain" >
< img
class="vsmall"
name="vsmall"
src="images\programming-6795536_1280.png"
/ >
< /a >
< a href="/HTML/Secondpage.html" title="Page 2 Link" alt="Coding Lang" >
< img
class="vsmall2"
name="vsmall2"
src="images\web-development-4202909_1280.png"
/ >
< /a >
< hr / >
< /heading >
< main >
< body >
< br / >
< p >The first week of coding with Eric Polley. < /p >
< br / >
< p >
A quick visual example of the current coding skills aquired. Let's talk
about what I have learned.
< /p >
< a href="HTML\FirstPage.html" title="Page 1 Link" alt="Coding Brain" >
< img
class="small"
name="small"
src="images\programming-6795536_1280.png"
/ >
< /a >
< p > < /p >
< p class="tiny" >Photos are provided by PIXABAY < /p >
< h3 class="laqua" >The path < /h3 >
< hr / >
< br / >
< p >
The path. It sounds like something out of a life changing film or book.
That is not what we are getting at here. This is my personal path on
becoming a Web Developer. This is my first week of programming, and from
what I understand, I am in the honeymoon phase.
< /p >
< br / >
< p >
I have decided where to start. This is a harder decision to marker thank
it sounds. I dabbled in C# and Python, but I decided that is not where I
am going to begin. So where am I starting?
< /p >
< br / >
< p >
I am going with HTML and CSS. This is my first step. From here I plan on
moving upword to Javascript, React, and Git.
< /p >
< p >
I am building my path according to what I see as the industry standard.
Though it is possible for my opinion to change on this, and I am decide
to go in a different direction.
< /p >
< br / >
< p >
Eventually I would like to get into UI/UX android developement and game
dev. For now I will work on Web developement.
< /p >
< a href="/HTML/Secondpage.html" title="Page 2 Link" alt="Coding Lang" >
< img
class="small"
name="small"
src="images\web-development-4202909_1280.png"
/ >
< /a >

< p >
So, this is why I am making a point to create a functioning website and
utilize all the skills and techniques I have learned so far. With this I
can not only practice and progress my skills, I will have a record of my
progress and marker by time to track my improvements as I go along.
< /p >
< br / >
< p >
This will be useful for me in several ways. If I decided to publish this
page, hopefully it is useful to you as well. Thank you for checking in
with me on my first week. This is very exciting for me. Until next week!
< /p >
< a href="/index.html"
> < img
class="small"
name="small"
src="/images/anatomy-1751201_1280.png"
title="Back to Top"
/ > < /a >
< /body >
< /main >
< /html >


___________Styles.css__________________

body {
background-color: rgb(22, 10, 5) ;
color: honeydew;
text-align: center;
margin: 0;
border: 0;
max-width: 100%;
width: 100%;
font-family: Franklin Gothic Medium;
}
.laqua {
color: brown;
}
h1, h3 {
margin-top: 1%;
margin-bottom: 1%;
color: brown;
margin: .2;
padding: .2;
font-size: 300%;
}
h3 {
font-size: 200%
}
p {
text-align: center;
padding-left: 30%;
padding-right: 30%;
font-size: 110%;
margin: .2%;
}
hr {
background-color: honeydew;
color: honeydew;
padding: .8px;
width: 30%;
}
.vsmall {
/* These filters are turning the image black and white, and then brown. */
filter:grayscale(95%) opacity(75%) drop-shadow(0 0 0 brown) brightness(1.2);
max-width: 50px;
border-radius: 60%;
}
.vsmall2 {
filter:grayscale(95%) opacity(75%) drop-shadow(0 0 0 brown) brightness(1.2);
max-height: 35px;
border-radius: 40%;
}
.small {
/* These filters are turning the image black and white, and then brown. */
filter:grayscale(95%) opacity(75%) drop-shadow(0 0 0 brown) brightness(1.2);
max-width: 20%;
border-radius: 60%;
}
fieldset {
margin: auto;
max-width:fit-content;
}
.tiny {
margin: 0;
font-size: 70%;
}










Thanks for stopping by