diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 00000000..daa00ff2 Binary files /dev/null and b/.DS_Store differ diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..f82c7424 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,6 @@ +{ + "liveServer.settings.port": 5502, + "cSpell.words": [ + "Grajales" + ] +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 75e9841e..1fb01c87 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,163 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + +body{ + display: block; + margin: 0; + background-color: rgb(2, 30, 67); +} + +header{ + background-color: aqua; + display: flex; + flex-direction: row-reverse; + justify-content: space-around; + align-items: center; + height: 5rem; + /* margin-bottom: 1rem */ + gap: 1rem; + padding: 1.5rem 1rem; + width: 80%; + margin: auto; +} + +header:first-child { + color: rgb(139, 222, 243); + text-shadow: 0 0 10px #7251d4, 0 0 8px #0000FF; +} + +.header__logo { + max-height: 4rem; +} + +/* .header, +.content, */ +.footer { + padding: 0 1.5rem; + max-width: 1200px; + margin: 0 auto; + gap: 1rem; +} + +section { + margin: 2rem; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; +} + + +h2, h3, h4 { + color: rgb(110, 116, 116); + font-size: large; +} + +p{ + color: rgb(8, 8, 8); + text-align : justify; +} + +.text{ + width: 80%; + display: flex; + flex-direction: column; + align-items: center; + align-content: center; + font-size: 1rem; + line-height: 1.3; + padding: 1.5rem 1rem; + margin-bottom: 3rem; + background-color: beige; +} + + +.text p{ + width: 90%; +} + +.text :first-child{ + color: cyan; + text-shadow: 0 0 10px #59f416, 0 0 8px #05056b; + font-size: 1.5rem; + +} + +.data { + background-color: #616aeb; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + height: 5rem; + /* margin-bottom: 1rem */ + gap: 1rem; + padding: 3rem 1rem; + width: 80%; + /* margin: auto; */ +} + +.social{ + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; + text-align: center; + flex-wrap: wrap; + width: 80%; + text-align: center; +} + +footer p{ + color: white; + +} + +footer .social a { + font-size: 35px; + color: cyan; + transition: all .5s ease; + padding-bottom: 2rem; +} + +footer .social .facebook:hover{ + transform: scale(2.1,2.1); + color: rgb(7, 7, 108); +} + +footer .social .twitter:hover{ + transform: scale(2.1,2.1); + color: #ffffff; + text-shadow: 0 0 10px #4de7f5, 0 0 8px #08fef6; + /* color: RGB 255, 255, 255; */ +} + +footer .social .youtube:hover{ + transform: scale(2.1,2.1); + color: rgb(191, 3, 3); +} + +footer .social .github:hover{ + transform: scale(2.1,2.1); + color: rgb(4, 4, 10); +} + +/* 1st option but one color */ + +/* footer .social .instagram:hover{ + transform: scale(2.1,2.1); + color: rgba(155, 20, 176, 0.662); +} */ + +/* 2nd option with degradient color the best one*/ + +footer .social .instagram:hover{ + color: transparent; + transform: scale(2.1,2.1); + background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); + background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); + background-clip: text; + -webkit-background-clip: text; +} \ No newline at end of file diff --git a/img/logo 1.jpeg b/img/logo 1.jpeg new file mode 100644 index 00000000..3e47cb92 Binary files /dev/null and b/img/logo 1.jpeg differ diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 00000000..59653d7a Binary files /dev/null and b/img/logo.png differ diff --git a/index.html b/index.html index 67dfc7f5..e8213005 100644 --- a/index.html +++ b/index.html @@ -1,22 +1,108 @@ - - - - My Blog - - - - - - - - - + + + + + Junior Pathway Sofware Developer + + + + + + + +
+

PATHWAY SOFTWARE DEVELOPER

+ +
+
+
+

The First Steps

+

+ Are you interested in a career as a web developer but are not sure how to start preparing for it? We have you + covered! + Web developers perform important functions, like creating websites, maintaining the back-end of applications and + running tests, to ensure sites' continued functionality. A role as a junior developer can be a great way to + learn + the basics of the industry and begin a career in website development. If you're interested in becoming a junior + developer, it's helpful to learn more about the position and the steps needed to begin your career. +

+

+ There are many technical skills that can help you succeed as a junior developer. One benefit of the role is your + ability to work beneath more senior developers to grow your skills and experience. Here are some technical + skills + that can help you in your role as a junior developer: +

+

Knowledge of basic programming languages

+

+ While the company you work for might employ specific languages, proficiency in common coding and website + development languages can help you qualify for a position as a junior developer. Often, companies look for + candidates with experience using JavaScript, HTML and CSS languages. These are three of the most-used web + development languages. You might also choose to explore other common languages like Python, C++ or SQL + depending on your career goals and the functions of the sites you're working on developing.

+

+ Here you can find one of the most popular web to learn free courses => freecodecamp +
+
+

Study Methods

+

+ Your journey to becoming a web developer can begin before college. There are many online resources available to + those + interested in coding. Not only does learning a language or designing a program in your free time enhance your + skills, + but it also shows prospective employers you're a passionate and self-motivated developer with a genuine interest + in + the field. Some high schools offer computer programming courses or electives. Consider taking these courses to + learn + more about development and gain valuable skills.
+ If your high school doesn't offer programming courses, engaging in math and science offerings can help you + prepare + for a college setting and improve your chances of getting into a top-tier technology school. Many computer + science + degree programs require advanced mathematics courses like calculus, so working on your math skills as early as + possible can be a major benefit.

+

+ More tips in this page => Intellect + Soft +
+
+

Networking

+

+ Having a network is also good for your overall health and well-being; something that we, as developers, ignore + far + too often. It can be used for getting help when dealing with stressful work or life situations. Helping other + people with their issues and problems is also a great way to reinforce your learning, and build a stronger + relationship with that person. Strong relationships are key to having good mental health.

+

Local meetups: A great wy to meet local developers and events are often sponsored by local companies. + Many are often free to attend and hppen regularly (often monthly). If you ask around then people always seem + to know one or two you haven't heard of. Meetups typically have someone giving a talk about a technology or + process they are passionate about and are great for generating new ideas. Meetups also usually have an “after + party” + where people will go and have a few drinks and a chat. This is where you will meet new connections, a good + tactic is + to find the speaker to ask some directed questions about their talk. Let the conversation flow from + there.

+ +

+ More tips in this page => Intellect + Soft +
+ +
+ + + + \ No newline at end of file