2.2 HTML5 and CSS3: Working with Images

2.2 HTML5 and CSS3: Working with Images


Images are an important part of any webpage. In this video, we will apply an image as our new background,
and then add an image to serve as our banner. To make the background an image instead of a solid color, find the CSS rule that targets the body tag, this
should be near the top of the page. Click at the end of the line that contains the background-color property
and press the Enter key to create a new line. Then, type the CSS code seen on screen. Next, we can remove the border that we applied to the wrapper in
Part One of the training series, we no longer need it. Locate the “div.wrapper” class and highlight the line
of code that defines the border property, then, press the Delete key. Next, we’re going to add a banner to our page. To add a banner, locate the div tag with class banner applied to it, and click in-between the opening and closing div tags. Next, type the HTML code seen on screen. Now, we want to make our banner a
link that links back to the homepage. To make our banner a link, type the following HTML code after
the opening div tag with the class “banner” applied to it, but before the our image tag. Then, close the anchor tag we just created by typing
the following HTML code after the image tag, but before the closing div tag. Now that we have made our image a link, a
border may appear around the image in some browsers. To remove the border, we must define default styling for any
image tag we may add to our web page. To define the default styling, click after the closing
curly brace after for the class “a.navbuttons:hover” and press the Enter key to create a new line. Then, type the CSS code seen on screen.

These are the Must Have GRAPHIC DESIGN Tools For Your CREATIVE TEAM!! w/ Gio Dizon

These are the Must Have GRAPHIC DESIGN Tools For Your CREATIVE TEAM!! w/ Gio Dizon


Hi I’m Gio Dizon senior graphic designer
at Hall Pass Media you might be curious on how creatives come up with really
cool looking designs in this age of digital and cloud computing today I’ll
be giving you a glimpse of what’s inside the toolbox of the creative team at
HallPass at Hall Pass Apple products are the hardware of choice for computing
they have been an industry standard for creatives for a long time having this
Apple ecosystem allows us to share files and communicate with different devices
seamlessly the creative team uses Adobe products more than any application the
days of compact discs and serial numbers are long gone and have been replaced
with Adobe Creative Cloud having a subscription to Adobe CC allows us to
use every single Adobe product like Photoshop Illustrator InDesign After
Effects Lightroom and XD to name a few for any creative it is great to have all
these applications available in one subscription back in the day you only
have one or two of these applications with Creative Cloud all of these are
available if you need web design starts with mock-ups and wire framing which are
valuable steps in the web development process a couple of great tools for this
are Adobe XD and sketch once the designs are approved they are now ready to be
developed as live website web flow and WordPress help us transform those
mock-ups to beautifully designed responsive websites a few other
invaluable tools in the design process that help our team include a font
manager like expensed a suitcase a Pantone color book and even a pen tablet
like Wacom Intuos these are just the basics new and improved devices plugins
and applications are being developed as fast as we can think of them and those
are topics for the coming days I hope you have learned a few things about the
essential tools that we use we are a passionate team of creatives that are
adapting and evolving with the latest technology to best help us and our
clients achieve and exceed our goals all of that happens here at Hall Pass Media

WordPress Post Vs Page

WordPress Post Vs Page


Hello and welcome to another video in our WordPress series I’m going to quickly explain the difference between posts and pages in WordPress Because often WordPress beginners get confused between posts and pages by default WordPress comes with two content types Posts and pages, as a beginner you are probably wondering What is the difference between them it seems to have similar fields in the dashboard it seems to look the same on the website Why do I need both? When should I use posts? And when should I use pages? In this video I’m going to explain the difference between posts and pages in WordPress If you’re using WordPress as a blog then you will end up using posts for a majority of your site’s content posts are content entries listed in reverse chronological order on your blogs home page Due to their reverse order your posts are meant to be timely older posts are Archived based on month and year as the post gets older the deeper the user has to dig to find it You have the option to organize your posts based on categories and tags Because WordPress posts are published with time and date in mind They are syndicated through the RSS feeds this allows your readers to be notified of the most recent post update via RSS feeds bloggers can use the feeds to deliver email broadcasts through services like Aweber or MailChimp You can create a daily and weekly newsletter for the audience to subscribe to, the very timely nature of posts make it extremely social You can use one of the many social sharing plugins to allow your users to share your posts in social media networks like Twitter Facebook Google+ LinkedIn and so on posts encourage conversation they have a built in commenting feature That allows users to comment on a particular topic Pages pages are meant to be static one-off type content such as your about page privacy policy Legal disclaimers and so on while the WordPress database stores the published date of the page Pages are timeless entities for example your about page is not supposed to expire Sure, you can go back and make updates to it But chances are you’re not going to have an about page 2012 because there is no time and date tied to pages They are not launched in your RSS feeds by default you can have sub pages within a page This feature allows you to organize your pages together and even assign a custom template to them key differences between posts and pages Posts are timely and pages are timeless Posts are social posts can be categorized posts are included in RSS feeds and pages are not a frequently asked question is are there any SEO advantages to one or the other Search engines like content to be organized Timeless content is considered to be more important however There is a lot of priority given to the latest timely content In short there may be a difference but as a beginner you do not need to worry about it focus on making your site organized for the user SEO or search engine optimization Is a whole video in itself and we have a great one if you’d like to learn all about it You’re going to love the rest of this video series where we will really dive into getting the most out of your wordpress sites With more plugins and WordPress tricks this will help you to really connect with your visitors I hope you enjoyed this video, and if you did, please give it a quick like and share it with your friends Thank you, and see you in the next video

Putin’s Blueprint for Dictatorship | Putin’s Russia #6

Putin’s Blueprint for Dictatorship | Putin’s Russia #6


After stealing the 2000 Presidential election,
Vladimir Putin’s next move was to create a blueprint for reorganizing the government
into an authoritarian state, with the Kremlin in control of every aspect of Russian public
society. That plan came in the form of a lengthy document
that is now very difficult to find on the Internet, is titled Reform of the Administration
of the President of the Russian Federation. It would be followed exactly. Since comprehending
it is so essential in order to grasp what Russia has turned into under Putin, we are
going to quote its major reforms word-for-word. 1. The formation of a controlled mass public
platform for all politicians and public-political organizations of the Russian Federation, supporting
the President of the R.F. 2. The continuing removal from the Russian
political arena of the State Duma of the R.F. as a “political platform” for the forces
in opposition to the President of the R.F., and affixing with it an exclusively lawmaking
activity. 3. The establishment of an informational-political
barrier between the President of the R.F. and the entire spectrum of oppositional forces
in the Russian Federation. 4. Introducing active agitation and propaganda
throughout the entire territory of the Russian Federation in support of the President of
the R.F. in support of the President of the R.F., the government of the RF, and their
policies. 5. Introducing constant information-analytical
and political work in all means of mass media. 6. Introducing direct political counter-propaganda
aimed at discrediting the opposition to the President, R.F.’s political leaders, and
political public organizations. 7. Holding public gatherings (pickets, rallies,
conferences, marches, and etc.) in support of the President of the R.F.
8. The organization and management of active political activity in all the regions of the
Russian Federation in order to prevent attempts of governors, heads of krais, republics, and
oblasts to conduct any activities aimed at dismembering Russia or weakening the powers
of the center. 9. The creation and maintenance of our own
sources of mass media. After using this blueprint to build the government
he envisioned, Putin was free to use his power to stuff the pockets of his cronies and pursue
his warped vision to make Russia great. Thanks for watching. If you found this video
eye-opening, hit that like button to help others find it. And we’ll go much deeper into Putin’s
presidency in part 7 of this series on Putin’s Russia, which you can watch by clicking the
video in the upper left. The link in the upper right will take you to part one. And if you’re
looking for something a little more positive in tone, on the bottom left you can watch
our video running down the ten countries doing the most good around the world. And on the
bottom right you can check out our rundown of the ten greatest conquerors in human history. And you can download the audiobook our series
on Putin was based on for free by clicking the link in the description to sign up for
a 30 day free trial at audible.com. For the two man team here at TDC, we’ll
talk to you in the next video.

Responsive The Our Team Cards Section HTML5 and CSS3

Responsive The Our Team Cards Section HTML5 and CSS3


Hello everyone. In this video I’ll show responsive the our team cards section using html5 css3 and bootstrap. Our football team Cristiano Ronaldo,Lionel Messi and Mohammed Salah 🙂 I hope you like it.Good watching… Please,LIKE and SUBSCRIBE To More Video…

How to Create Your First Web Page on WordPress

How to Create Your First Web Page on WordPress


You’ve finally taken the plunge,
selected a domain name, purchased hosting, and are
ready to start your WordPress
site. Congratulations!
It’s going to be awesome. Now that you’ve celebrated your
new blog or business venture, you may be wondering what
to do next. Don’t worry. This video will walk you
through how to create
your first web page on WordPress step by step. For purposes of this tutorial,
we’re going to assume that you’ve already installed WordPress
and chosen a theme. If you haven’t yet, click here
for directions and then
rejoin us. Okay, it’s time to create
your pages. For example, you may want an “About” page, a “Testimonials” page,
a “Services” page, or a “Contact” page, depending
on the goals of your website. You can create these pages
through the “Pages” WordPress
feature. Here’s how to do it. 1. Turn your attention to the
sidebar and locate “Pages.” 2. Click “Add New.” 3. Once you have selected “Add
New,” you’ll notice you can enter a title and customize
the content. You can add a title to your page, such as “About Me”
or “Services.” Then you can write your content, add images,
and even select the layout for
your page. 4. Once you are ready to
publish your page, find the “Publish” button on
the right side of your screen. As soon as you
click the blue button, your new page will go live. Remember, since you have
selected a theme, WordPress will automatically import your page
into the desgin you selected. This means you don’t have to
know any coding. After you have created all of
your pages, you’ll want to organize them. After all, you want your website
visitors to be able to easily
navigate your website. To organize your pages, you’ll
want to add them to one of your navigation menus. You can do this through the
“Appearance” tab on the sidebar. Here’s how. 1. Find “Appearance” on the
sidebar and click “Menus.” 2. Find the pages you created
under the “Pages” widget. 3. You can add any of the pages
to your menu by clicking the checkbox next to the title
of your page and then clicking “Add to Menu.” 4. Once you have selected the
pages you want to add, you can arrange them in the way you
want them to appear
on your menu. Do this by dragging and dropping
each menu item where you would like them to appear. In the example above, each
main menu page is flushed left and each sub-page under
the main page is indented. You can organize your pages
however you would like. To give you a better idea of
the final product, here is how a WordPress menu looks all
dressed up in its theme. And there you have it! That’s how you create a page
on WordPress and organize them into a menu. And remember, comment,
like, share and subscribe for more useful tips on running
your own website.

How to Land Bigger Clients as a Graphic Designer

How to Land Bigger Clients as a Graphic Designer


hi people welcome to ProUp Masterclass my
name is Tola Alabi today we are gonna be talking about how to land bigger clients now I was recently talking to a designer friend
of mine and I was asking him how’s work how’s business going and he told me I
seem to be surrounded by small clients and he was of the opinion that there
weren’t too many big clients out there anymore and that took me back to my
early design days and I’ve been doing design now for a couple of years and I
must be honest I spent more than half of those years making mistakes and I guess
that’s part of the inspiration to ProUp Masterclass to get younger designers
to learn from experience and doesn’t need to be your experience you can learn
from my experience and not make the mistakes that I made and you can have a
shorter smoother path to being a successful designer now one of the
mistakes I made early on in my career was continuously working for
small clients and hoping that the big clients would find me now when I say big
clients small clients I’m not trying to demean anyone but we must realize that
a small client is a client that cannot pay your minimum level of engagement and
a big client is a client that can pay at least your minimum level of engagement
your minimum level of engagement is what we call the last price the lowest you
are willing to take to engage in a project now if you have a client that
cannot pay that amount that you’ve ear-marked as your minimum price your last
price then you put that client in the category of a small client and I spent
a lot of years working for small clients hoping that the big clients will find me
and one thing I didn’t take into cognisance was the fact that small clients
and big clients do not hang out big clients do not take advice from small
clients they do not hang out you must realize that we as people have a circle
of people that have the same earning power as we do they’re in the
same wage earning power as we are of course there might be the rare
occurence of having someone that is way above your earning power in your circle but
that is the exception and not the norm and if you keep working for a particular
type of client he’s always going to refer you to people within his sphere of
influence so if people within this sphere of influence are small clients then you’ll
definitely keep getting small client jobs so if you want to come to a place
where you work with bigger clients you have to be able to make the decision to
cut out small clients and that’s something I had to do after a while I
had to cut out small clients and I’m not talking about reducing the amount of
work you do for small clients I’m talking about totally cutting out the small
client anybody that couldn’t pay my minimum level of engagement I didn’t
work with now if your minimum level of engagement is a hundred thousand then don’t
work with someone that can pay you only ninety thousand if your minimum level of
engagement is seventy don’t work with someone that’s paying you sixty-five thousand you have
to come to that point where you realize that there is a benchmark for you to
give your skill to a client and it’s important that you respect that
benchmark do not let sentiments or pity allow you
to lower your benchmark to accommodate a small client you must respect your
benchmark and you must know that to grow as a designer
would involve you having to shed some clients it’s either the clients meet up to
your minimum level of engagement or you shed them now another mistake I made
early on in my career was leaving my minimum level of engagement at a
particular price for way too long I felt like I couldn’t increase my pricing if I
hadn’t worked with a big company I felt like the big company had to come first
then I’d be justified to increase my price but it doesn’t work
that way you must give yourself a stipulated amount of time and say after
that time you are going to increase your minimum level of engagement it might be
after a year after two years after six months whatever but it must be a short
period of time and you must do this frequently and consistently so it
doesn’t really it doesn’t matter who you are approached by you do not become a
big design company because you have big companies in your portfolio you become a
big design company because you decide to become a big design company you decide
that you are going to raise your level of engagement you are going to raise
your standard of work so if you want to start working with bigger clients you
need to cut off smaller clients that is the only way that is going to work and
the beauty of it all is that everyone finds the designer that is appropriate for
them because what might be a big client or a small client for me might be a big
client for you what might be a big client for you might be a small client for me
so the client always find who to work with in the long run
well you as a designer must be able to come to that decision and say I’m raising my
level at this time and whoever cannot afford me I would just
have to let go of this person and so I can make room to accommodate those I
want to attract now if you have any questions about working with big clients
and small clients please leave a comment below if you have an experience you want
to share leave a comment if you haven’t topics you want us to cover in this
class please leave a comment below don’t forget hit subscribe button see you in the
next class

PHP Tutorial – 04 – Operators

PHP Tutorial – 04 – Operators


In this section we’ll look at the operators
in PHP, that are used to operate on values. There are basically five types: arithmetic,
assignment, comparison, logical, and bitwise operators. First, we have the four basic arithmetic operations,
as well as modulus to get the division remainder. The equal sign itself is an assignment operator
to assign a value to a variable. A common use of the assignment and arithmetic operators
is to operate on a variable and then to save the result back into that same variable. These
operations can be shortened with the combined assignment operators. Another common operation is to increment or
decrement a variable by one. This can be simplified with one of the increment (++) and decrement
(–) operators. The effect on the variable is identical whether we use the post or pre
operator, but a post-increment returns the original value before it increments, while
the pre-operator increments first and then returns the value. Note that expressions are normally evaluated
from left to right. However different operators also have different precedents, For example,
the multiplication sign binds harder then addition and is therefore evaluated first.
To avoid having to learn the precedents of all operators we can instead use parenthesis
to decide what part of the expression will be evaluated first. Next, there’s the comparison operators that
compares two values and returns either true or false. Notice the three equal signs (===)
for comparing both the value and data type. Used together with these we have the logical
operators. And/or (&&/||) can combine several comparison operators. And the not operator
(!) can invert the result. Finally, The bitwise operators work on the
binary representation of integers. For example, the xor operator (^) turn on the bits that
are set on one side but not on both.