Category Archives: Uncategorized

ERP software for School, College and University

TTRC-mazic (ERP Software for school, college and University) provides user-friendly dashboards with login access for teachers, non-teaching staff, students, parents and management personnel of your institution. The various modules available in TTRC-mazic  facilitate all the processes of your institution, from admission of new students to generating transfer certificates when students complete their studies.

TTRC-mazic has modules to manage Timetable, Attendance, Examinations, Campus News, Hostel, Transportation, School Calendar, Events and many more. It has a fully-fledged Human Resource module to manage the payroll and employee pay slips. The Finance module helps you to plan and allot different fee structures to students. TTRC-Mazic is also an excellent collaboration tool using its Task, Discussion, Poll, Blog and Video conference plugins. There is an internal messaging system within Fedena but you can also integrate it with external communication tools like email and texting. To find out more, scroll through the following descriptions, try the free demo or contact sales.

Basic Modules (18)

Pro Modules (17)


Core Modules

  • Menu driven dashboard
  • Innovative ‘Search bar’ enables anybody to use TTRC-mazic within seconds of login
  • TTRC-mazic is designed for a great user experience with a user friendly interface, meaning that anyone with basic computer knowledge can quickly use the system with minimum training
  • Easy to learn and easy to master
  • Displays latest news on dashboard
  • Inbuilt messaging system
  • Easy and quick way to send messages to any user in the system
  • Effective communication between administration, teachers, students and parents
  • Recording communications with students
  • Prior information can be informed about school events, news and holidays
  • Unique ID for all students
  • Comprehensive admission form
  • Multiple guardian addition facility
  • Emergency contact facility available
  • Previous education details can be recorded
  • Customisable as per school standards
  • Photo upload facility
Student details
  • Normal student view facility based on batches
  • Search existing and former students
  • Advanced search facility to search for specific type of students based on large number of filters
Manage Users
  • Search for any users using the search bar
  • View profile of all users based on the roles
  • View/Edit users password and privileges
  • Set privileges to users as per their roles
  • Allows organisation to set standards for different roles based on their responsibility
Manage News
  • Create/edit/delete news
  • Search for any news using search bar
  • View all news facility also available
  • Add News using rich text format
  • Edit/Delete news
  • Published news has the facility to comment also
  • Delete comment facility also available
  • Create different types of exams based on grades, marks etc
  • Online exams services
  • Generate report for required exams
  • Automated, quick and on demand report generation
  • Easy marking of attendance
  • Note/Remarks for attendance can be given
  • Different types of attendance report can be taken
  • Reports can be filtered using the available filters
  • Integrate with hardware devices RFID and Biometric
  • Basic education institute information can be given
  • Basic configuration like country, currency, time zone, etc can be set
  • Other general settings like enabling grading system as per school requirements, automatic unique ID for all the users, Oauth applications, etc
  • Managing courses and batches
  • Batch transfer and graduation facility
  • Managing subjects including elective subjects
  • Send SMS to single or group users or to all
  • Manage student categories
  • Assign Tutor to Batches
Human Resources
  • Manage all employees from admission to exit
  • Customisable admission form
  • Manage entire payroll effieciently
  • Customisable and robust payroll form
  • Efficient leave management system available
  • Authenticated payslip approval system
  • One click payslip approval and reject facilities
  • Normal and advanced search facility
  • Comprehensive Fee classification system
  • Separate fee collection date designing system for faster finance process
  • Easy analysis of fee defaulters and fee structure available
  • Easy fee submission process
  • Fee import facility for faster system use
  • Manage and Pay instant fees
  • Manage entire expense and incomes
  • Customise and manage different category of expense and incomes
  • Different Report generation facility
  • Automatic transaction facility are available
  • Payslip approval system
  • Manage Asset and Liabilities
  • Manage Donations
Custom Imports
  • Import Student data
  • Import Guardian details
  • Import daily wise attendance records
  • Import Examination scores
  • Import Library book details
  • Import Inventory details like Store Items, Suppliers
  • Create new Gallery category
  • Upload photos
  • View/Delete photo facility
  • Manage Hostel
  • Add/Edit/Delete/View different types of Hostel
  • Add/Edit/Delete/View different types of Rooms
  • Allocate rooms to the students
  • Create hostel fee collection date
  • Pay hostel fee
  • View hostel fee defaulters
  • Pay hostel fee student wise
  • Change rooms for students
  • Browse through library books catalogue and identify the book(s) to be issued
  • Manage library books
  • View/Edit/Delete/Add books
  • Add books with custom tag facility available
  • Filter book using available filters
  • Normal and detail Search for a book available
  • Manage book returns
  • Manage book issue
  • Initial library setting for courses available
  • Issued/Renewed book status
  • Manage books renew
  • Add/Edit/Delete the routes for vehicles
  • Add destination and cost details
  • Add/Edit/Delete Vehicle details
  • Get Transport Details
  • Transport Fee facility available


RI, Asst. RI & AMIN Recruitment at Odisha

RI – 262

Asst. RI – 342

AMIN – 1152

Please Click on RI Amin FOR ODisha


US English Level 1

US English Level-1 Questions and Answers for freelancers.


Question 01

David would rather quit _____ get fired.

Answer : than


Question 02

They were _____ tall for the doorway.

Answer : too


Question 03

Our team won ______ game.

Answer : every


Question 04

Make a left _____ at the light

Answer : turn

( corrected with feedback from andreeaN )


Question 05

_________ was nothing to do at the party.

Answer : There


Question 06

May I sit _____ you at the theater?

Answer : beside


Question 07

If you try ____ you will succeed.

Answer : hard


Question 08

James _____ off the roof.

Answer : fell


Question 09

Sticks and stones may break ____ bones.

Answer : my


Question 10

A valley is a low ____ area.

Answer : laying


Question 11

Buckingham ____ is a popular tourist attraction

Answer : Palace 

( corrected with feedback from Sarah )


Question 12

That price is for ___ apple, not per pound.

Answer : each


Question 13

You ___ have six cookies.

Answer : may


Question 14

I try __ be friendly to my neighbors.

Answer : to


Question 15

Cecil took the long way _____ the house.

Answer : around


Question 16

We can’t _____ go back there again.

Answer : ever


Question 17

Now that _____ arrived, let’s get started!

Answer : we’ve


Question 18

____I give an order, you should follow it!

Answer : If


Question 19

The wind was high ________ the storm.

Answer : because of


Question 20

That was a ______ stop!

Answer : quick


Question 21

You should only take this drug if ____ prescribed by a doctor.

Answer : it’s


Question 22

We let the frog go, _____ caught it again.

Answer : then

( corrected with feedback from Sarah )


Question 23

Bob kept working, but didn’t enjoy ______.

Answer : himself


Question 24

The river is ______ here than I remember.

Answer : wider


Question 25

Nineteen is an ____ number.

Answer : odd


Question 26

At the edge of the trail there was a _____ cliff.

Answer : sheer

( corrected with feedback from Sarah )


Question 27

Most wines are made _____ grapes.

Answer : from


Question 28

You got yourself ____ this mess; get yourself out.

Answer : into


Question 29

October can be very _____ here.

Answer : cold


Question 30

Summer is my favorite season of ____ year.

Answer : the


Question 31

We will ________ you to the house.

Answer : follow


Question 32

The baby ________ because it was hungry.

Answer : cried


Question 33

It _____ matter if we stay another day.

Answer : won’t


Question 34

Please tell your mother ____ sorry.

Answer : I’m


Question 35

We’ll be back ______ you know it!

Answer : before


Question 36

This isn’t that hard _____ my son did it yesterday.

Answer : ; (semicolon)


Question 37

Would you like more soup __

Answer : ?


Question 38

I like fishing_______ hunting, and playing football.

Answer : , (comma)


Question 39

I’ve asked you this question many times ______

Answer : . (period)


Question 40

A statement should end with a ______.

Answer : period



The practice of cleansing and detoxifying the body is very important for your health. The body needs to get rid of the unhealthy toxins contained in foods and drinks and which pass into the blood stream. No matter if you are smoker, non-smoker or just want to improve your health, here is the plan.

First of all, you need to remove all dairy products from your diet 2-3 days before the start of detoxification. The dairy can slow down the detoxification process.


Day one:

On the first day, drink a cup of tea of your wish before going to sleep. This will cleanse the toxins from the intestines and prevent constipation.

Day two:

On the second day, before breakfast, drink a glass of room temperature water with lemon. You need two lemons for 300 ml water.

After that, drink 300 ml of grapefruit juice.

The antioxidants that are contained in the fruit juices will help you to cleanse your lungs and make your respiratory system function better.

Afterwards, between breakfast and lunch, have 300 ml of carrot juice. The carrot juice will alkalize your blood, which is very important for this three-day regime.

During lunch, drink 400 ml of juice made of carrot, spinach, celery and parsley. This juice is rich with potassium which has refreshing effect on the body.

Day three:

Before going to bed, drink 300 ml of 100% cranberry juice. This will reduce the number of bacteria in the lungs.

It is also recommended to take a hot bath during these days of detoxification. It is necessary to cleanse your organism through sweating.

You shall not smoke or consume caffeine.

Dynamic Website for Rs. 7777

Dynamic Website Design for Rs.7777* only


Free Domain name Registrationwebdesign2

Free Web Hosting

Free Unlimited Space

 Free Unlimited Photo Upload

Free Unlimited Video Upload

* One dynamic Page and lots of static pages


For details please contact

Tankadhar Training and Research Center,

Odisha – 765001. Ph.06856 224064. Mobile. 9439156664

My 4 secrets for creating a regular blog

Posted by on January 16th, 2013

My 4 secrets for creating a regular blog
Blogging seems to be one of those things that many people start, yet few manage to keep going. I think a lot of people have the desire to write about what they are passionate about and publish it online, but turning that passion into a regular form of content can be extremely difficult.

When I first started this website, I would go through phases of writing, and then long periods of neglect. I just couldn’t find it in myself to produce content on a regular basis, even though I had the desire to do so.

I think there is so much value in regularly writing your thoughts on a subject and publishing it online for anyone to read. Writing really cements your understanding of a topic when you are forced to explain it in your own words. I also think the ability to write clearly is a huge asset, no matter what industry you work in or what your job entails. Writing is all about clarity of thought and being able to communicate effectively. If you write regularly over a sustained period of time, you will eventually become a really good writer.

Also, don’t think you can’t do it just because you are not a “writer”. I am by no means a natural writer, and I actually struggled through English lessons throughout my education. Until just a couple of years ago, I hated writing, but I think it’s not until you are actually writing about something you care about that your passion starts to show.

So if you are looking to start a blog, or you have given up in the past and want to try again, here are my 4 secrets for writing regular content. These 4 things actually worked for me, so I hope they will work for you too. Take a look at the dates of my first 20 or so posts to see how I struggled to post regularly at the beginning!

1. Set a schedule

The first really important thing to do is to set yourself a schedule. Unless you have a set schedule to meet, you will never be able to post regularly.

A lot of people want to blog only when an idea strikes them. If that is the kind of blog you want to write it is unlikely that it will ever become “regular”. Writing whenever the mood strikes, or when you think of an idea that is worthy to be written about won’t happen very regularly. There’s nothing wrong with this kind of blog, but it will always be sporadic and it will never grow a following.

A schedule forces you to be more creative and think of topics to write about. When you know you have a schedule to meet, you start to get into the habit or producing more ideas on a regular basis.

I wanted Culttt to be a very active website and so I decided I would post 3 times a week. You might not want to make this kind of commitment to writing, but you need to make a commitment based upon the investment you want to make.

You also need to hold yourself accountable to meet the schedule. A schedule is pointless if you miss it. Start with a target that you can easily hit. Once you start getting traffic and your website starts to grow, it becomes much harder to miss your schedule.

2. Block out time to write

Once you have your schedule in place, you need to set a routine in order to produce the content. Setting a routine is important because if you don’t, you won’t hit your schedule.

Setting a routine to write is exactly the same as learning or improving anything. For example, if you were having piano lessons once a week, you would need to set yourself a routine to practice, or when the lessons comes round each week you would show no improvement. Think of your schedule dates as your piano lesson.

Blocking out time to write is important because it forces you to sit down and do the work. If you don’t set yourself a routine, you won’t end up writing.

3. Write no matter what

Like an type of art, writing can often be difficult. Either it is a struggle to convey an idea, or you live in fear that what you write is not good enough. This is made even worse when you have a schedule to meet, and you’ve blocked out time in order to write. It’s easy to find yourself sitting for a long time, staring at a blank document.

I’ve found the best way to solve this problem is just to write no matter what. My first draft of a post is often terrible as I quickly get everything I want to say out of my head and into a working document. The majority of the time I’m just writing out a list of bullet points of areas I want to cover, or I write down all the section headers without ever writing out a proper sentence. If you do this, you can very quickly get the structure of a post, without the struggle of writing the first paragraph.

Whenever I write a post, I write out the headings and then just write as much as I can under each section. Once I think I’ve written all my ideas down, I save the document and call it a night.

I don’t usually look at the post again until I want to put it into WordPress. When you come back to a post that you’ve written, it is much easier to edit it down to exactly what you want to say. Coming back with a fresh set of eyes enables you to critically evaluate what you have written so you can re-write or re-organise it so it reads more clearly.

Part of writing regularly is also about getting over the fear of your writing not being good enough. When you are shooting for a gruelling schedule, you don’t have time to painstakingly edit every word.

Real artists ships.

4. Always be formulating

The final problem with writing regular content is formulating enough ideas for content. It’s difficult to sit down and start writing in your allotted writing block if you have nothing to write about. It is much easier if you already have a list of ideas for potential posts as you can just start writing straight away.

In order to write regularly, you really have to surround yourself within your niche. Hopefully you have picked a topic that you are passionate about, and so you already have a lot to say.

I find one of the best ways to start formulating more ideas is to read a lot of content. I have over 150 RSS feed subscriptions in my Google Reader account that I clear down every day. Whenever I see something interesting I just star it so I can come back to it later. I also follow a lot of people on Twitter who regularly post links to interesting content. Again I just favourite it so I can come back to it and read it when I have time.

I read all different types of content from a wide range of different websites. From big media companies, to individual bloggers. I find having a wide range of different types of content enabled me to discover the type of content I want to write.

When you start reading a lot of content from a particular niche, you begin to synthesis the various ideas that you read and mix them with your own. This enables you to subconsciously spot patterns or come up with ideas for original content. You will probably also see posts in a particular format which would work well for a different idea that you have.

It’s difficult to come up with a regular stream of ideas, but you can make it a lot easier if you provide yourself with the right type of inspiration.

And finally, have some way of writing down notes or ideas for blog posts. I use Evernote all the time to store lists of post ideas and random thoughts that could potentially grow into a post. Sometimes someone will mention something to you that triggers an idea for a post. Personally, if I don’t write it down immediately, I will never think of it again. Keeping a centralised list of post ideas in Evernote makes it a lot easier to start writing as soon as I sit down in my allotted time.


I’m not going to lie to you, writing a regular blog is a lot of hard work, but the huge amount of opportunity it grants you in the long run is worth the effort. It enables you to make something really great over a long sustained period of time bit by bit.

Hopefully these four things will encourage or help you to start regularly blogging too. I really struggled to write regularly for a long time, but by finding what works for you, you too can start building something you really care about.


नई दि‍ल्‍ली। सरकार जल्‍द ही पासपोर्ट और बनाने की प्रक्रि‍या में आधार कार्ड को आवश्‍यक बनाए जाने की योजना बना रही है। सरकार इस प्रक्रिया से आवेदक की आपराधिक गति‍वि‍धि‍यों के सत्यापन की प्रणाली स्थापित करने की कोशिश भी की जा रही है। नई प्रक्रिया के तहत यदि कोई पासपोर्ट के लिए आवेदन करता है और आधार नहीं होने पर पहले उसे आधार कार्ड बनवाना पड़ सकता है।
यह कदम पीएम नरेंद्र मोदी के उन दिशा-निर्देशों के तहत उठाया जा रहा है, जिसमें उन्होंने देशवासियों को पारदर्शी और साधारण तरीकों से पासपोर्ट सेवा देने की बात की थी। मालूम हो कि सरकार के पास पासपोर्ट के लिए पुलिस सत्यापन के संबंध में लगातार शिकायतें आती हैं और इसके चलते पासपोर्ट जारी करने में देरी होती है।
आइए जानते हैं कैसे करते हैं पासपोर्ट के लिए ऑनलाइन आवेदन-
स्टेप-1- पासपोर्ट सेवा पोर्टल पर खुद को रजिस्टर करें
सबसे पहले पासपोर्ट सेवा पोर्टल की वेबसाइट पर जाकर खुद को रजिस्टर करें। इसके register now लिंक पर क्लिक करें।
स्टेप-2- लॉगिन करें
खुद को रजिस्टर करने के बाद आपको एक लॉगिन आई मिल जाएगी, जिसकी मदद से आप खुद को पासपोर्स सेवा पोर्टल की वेबसाइट पर लॉगिन कर सकते हैं।
आगे की स्लाइड्स में जानें अन्य स्टेप्स-
नोट- तस्वीरों का प्रयोग सिर्फ प्रस्तुतिकरण के लिए किया गया है। सारी जानकारी पासपोर्ट सेवा ऑनलाइन पोर्टल की वेबसाइट से ली गई है।
स्टेप-3- विकल्प चुनें
इसमें लॉगिन करने के बाद आपको अप्लाई फॉर फ्रेश पासपोर्स (Apply For Fresh Passport) या री इश्यू ऑफ पासपोर्ट (Re-issue of Passport) में से किसी लिंक को चुनना होगा। जैसा कि यहां हम पहली बार पासपोर्ट के आवेदन की प्रक्रिया की बात कर रहे हैं तो इसके लिए अप्लाई फॉर फ्रेश पासपोर्ट (Apply For Fresh Passport) पर क्लिक करना होगा।
स्टेप-4- फॉर्म भरें
अप्लाई फॉर फ्रेश पासपोर्ट पर क्लिक करने के आपके सामने कई सारे फॉर्म आएंगे, जिनमें आपकी जानकारी मांगी जाएगी। इन सभी फॉर्म को सही से भरें। ध्यान रहे कि फॉर्म भरने में गलती न हो, क्योंकि एक बार पासपोर्ट की प्रक्रिया रिजेक्ट होने पर दोबारा पासपोर्ट के लिए आवेदन करने में समय लग जाता है, जिससे समय की बर्बादी होती है।
स्टेप-5- भुगतान और मिलने का समय निर्धारण
‘व्यू सेव्ड/सबमिटेड एप्लिकेशन्स’ (View Saved/Submitted Applications) स्क्रीन पर ‘पे एंड शेड्यूल अप्वाइंटमेंट’ (Pay and Schedule Appointment) लिंक पर क्लिक करें और अपना अप्वाइंटमेंट, यानी मिलने का समय बुक करें।
फॉर्म सबमिट करने के बाद आपके सामने एक विंडो खुलेगी जहां पर आपको पासपोर्ट बनवाने की राशि का भुगतान करना होता है। यह भुगतान आप क्रेडिट कार्ड, डेबिट कार्ड, इंटरनेट बैंकिंग या फिर एसबीआई बैंक के चालान से कर सकते हैं।
स्टेप-6- सारी प्रक्रिया पूरी होने के बाद प्रिंट एप्लिकेशन रिसीप्ट लिंक पर क्लिक करके एप्लिकेशन को प्रिंट करें। इसमें आपका एप्लिकेशन रेफेरेंस नंबर और अप्वाइंटमेंट नंबर होता है।
स्टेप-7- जहां पर भी आपका अप्वाइंटमेंट बुक किया गया है वहां के पासपोर्ट सेवा केन्द्र में अपने असली डॉक्युमेंट्स के साथ जाएं।

Make passport in 10 days

नई दि‍ल्‍ली. पासपोर्ट बनवाने के लिए ऑनलाइन आवेदन करने वालों के लिए अच्छी खबर है। अब सिर्फ 10 दिन में पासपोर्ट बन सकता है। इसके लिए ऑनलाइन आवेदन करना होगा और इसके लिए डॉक्युमेंट्स की लिस्टिंग करना भी जरूरी नहीं है। अपने डॉक्युमेंट्स आवदेक ऑनलाइन समिट कर सकता है। साथ ही, आइडेंटिटी प्रूफ और ऐड्रेस प्रूफ जैसे तमाम डॉक्युमेंट की जगह सिर्फ एक आधार कार्ड से भी काम हो सकता है। आवेदन करते ही आपको अगले 3 दिनों में अप्वॉइंटमेंट मिल जाएगा। पूरी प्रक्रिया होने के ठीक 7 दिन बाद आपका पासपोर्ट आपके हाथ में होगा। यानी कुल मिलाकर सिर्फ 10 दिनों में आपका पासपोर्ट आपके पास आ सकता है।
गाजियाबाद के पासपोर्ट अधिकारी सीताराम यादव का कहना है कि पहले प्रॉसेस में समय लगता था। इसलिए डॉक्युमेंटेशन के जरिए समय को बचाने की कोशिश की जा रही है। हालांकि, कभी-कभी डाक सेवा में देरी या छुट्टियों के चलते पासपोर्ट पहुंचने में ज्यादा समय लग जाता है।
आधार कार्ड का फायदा
सरकार ने आधार कार्ड की प्रक्रिया से आवेदक की आपराधिक गति‍वि‍धि‍यों के सत्यापन की प्रणाली बनाने की कोशिश की है। नई प्रक्रिया के तहत यदि कोई पासपोर्ट के लिए आवेदन करता है और उसके पास आधार कार्ड नहीं है, तो पहले उसे आधार कार्ड बनवाना पड़ सकता है।
क्यों होती थी देरी
दरअसल, सरकार के पास पासपोर्ट के लिए पुलिस सत्यापन के संबंध में लगातार शिकायतें आती हैं और इसके चलते पासपोर्ट जारी करने में देरी होती है। आवेदक को सुविधा देने के लिए मिनिस्ट्री ऑफ होम अफेयर्स ने यह निर्णय लिया है। हम आपको बता रहे हैं कि आवेदक किस तरह अपने पासपोर्ट के लिए ऑनलाइन आवेदन कर सकता है और सिर्फ 10 दिन में अपना पासपोर्ट हासिल कर सकता है।
आइये, जानते हैं क्या है पासपोर्ट के लिए ऑनलाइन आवेदन का प्रॉसेस…
स्टेप-1- पासपोर्ट सेवा पोर्टल पर खुद को रजिस्टर करें

सबसे पहले पासपोर्ट सेवा पोर्टल की वेबसाइट पर जाएं। पेज पर register now के लिंक पर क्लिक करें। रजिस्टर करें। इसमें अपनी डिटेल्स भरें। इसके बाद आपको ई-मेल आईडी पर लॉगिन आईडी मिल जाएगी। वापस होम पेज पर जाएं।

स्टेप-2- लॉगिन करें
ई-मेल पर आए लिंक पर क्लिक करके अपने अकाउंट को एक्टिवेट करें। यूजर आईडी भरें और फिर पासवर्ड डालें। अप्लाई फॉर फ्रेश पासपोर्स (Apply For Fresh Passport) या री-इश्यू ऑफ पासपोर्ट लिंक पर क्लिक करें। इसके बाद दो पार्ट हैं। ऑनलाइन पासपोर्ट आवेदन करने के लिए दूसरे ऑप्शन पर क्लिक करें।

Happy Independence Day


Angry Birds Open GL Error Fix for Windows 7 and XP

Angry Birds Open GL Error Fix for Windows 7 and XP

Image used under Creative Commons from thethreesisters.

You have played Angry Birds in your mobile, now you want to play the game in PC. So you have downloaded the PC version of the game and installed it. Even though installation is successful you may get some OpenGL or DirectX errors. So here is a working fix for all the errors.

You may get one or more of the following errors while running Angry Birds in your computer.

OpenGL 2.0 renderer not supported!

OpenGL 1.4 renderer not supported!

DirectX 11 renderer not supported!

If you get one or more of the above errors here is the fix for this.

We have Two Methods for fixing this. Either of them will surely work for you.

Method 1:

1. In your windows system, go to Start -> Control panel.

2. Go to Device Manager (If you can’t find the option, use the search box).

3. Go to Display Adapters

4. Double Click the Driver which is displayed.

5. In the window that pops up, go to the Driver tab and click Update Driver.

6. Click Search automatically for updated driver software option in the window that pops up.

7. Update the software and Restart your computer.

Go to Angry Birds and your problem should be fixed and you should be able to play the game. If not try Method 2.

Method 2:

Step 1: Updating all your drivers (Recommended)

Even though this step is not totally necessary, I recommend you to do this because it will also tackle the future problems while running games of any kind and it takes only a few minutes and it is fully automatic.

Go to the following link:

It is the Intel Automatic Driver Update Utility. It checks for the drivers in your computer and updates them if needed.

Step 2: Installing the latest DirectX (Recommended)

Some of you may get the DirectX error along with the Open GL error. If so this step is a must and for others I strongly recommend in installing the latest DirectX from the following link.

Alternately, you can download the latest DirectX from here: DirectX 11
The above link gives you the direct executable file rather than a web installer.

Step 3: Installing the Intel Graphics Media Accelerator Driver (Must)

This is the final and most important step in tackling the Open GL error. Just download the Intel Graphics Media Accelerator Driver for your operating system either windows 7 or windows xp from the following link and install it.

Intel Graphics Media Accelerator Driver for Windows 7:

Intel Graphics Media Accelerator Driver for Windows XP:

If the above two links didn’t work for you, go to the below link and select the Driver according to your System Configurations:

Now Restart your computer.

Try running the game and you should be able to play now!

All the above steps are explained in the following YouTube video:

If you have any problems just leave a comment stating your problem.

If this worked for you, give this page a +1 and Recommend it to google.

If you have found other solutions, do share it in the comment section below.



  1. deu certo mesmo valeu pela dica fico te devendo esssa..


  2. not working in Windows 8
    Error: OpenGL 1.3 is not supported


  3. Dude try the first method correctly.
    It will work for sure!

  4. when i completed the first method , after some some time a message appeared that you have the latest version of intel drivers. but still not able to play game


  5. Update your DirectX and try again.

  6. You’re welcome dude!

  7. i attempted method 2
    while installing the graphic media accelator
    it prompt that system didnot meet the minimum requirements
    what should i do?


  8. You must have downloaded the wrong driver.
    Have you tried method 1??
    If not try it. It is easy.

  9. hey buddy when i did the first method it showed that the best driver software for your computer is already been installed.what would i do now. please help me. my all pc games are not working dude.

  10. i can’t find device manger


  11. If you are in Windows7 go to -> Start and in the search box type “Device Manager”.
    You will find it for sure.

  12. thanks worked correctly..thanks from heart…


  13. thanks dude…… you are really a god


  14. Dude, I’m not a God. Just consider me as your friend.

  15. hi ! i have a problem with my graphic card driver when i try to update it it doesn’t work it downloaded the driver with no problems but when it try to install it says : (there was a problem during the installation )
    pleaseee help :/ !!
    thanx !


  16. Did you try the first method ??

    If not try it.

    Still the error appears ???

    Give me the details of the error.

  17. first method worked for me
    thank u.


  18. when i update the driver, it says that the best driver software for your device s already installed…….


  19. Ok. Try the second method.

  20. hey buddy!! i have downloaded the setup of BLUSTACKS APP PLAYER but on installing it ,it shows YOUR GRAPHIC CARD DOESN’T RECOGNIZED YOU MAY NEED TO UPDATE IT .and when i go to DISPAY ADAPTERS it shows your graphic card is already updated plz plz plz HeLp mE oUt…


  21. Try the second method and let me know the result.

  22. i’ve tried but on installing the graphic media accelerator from your given link it shows that YOU HAVE LATEST VERSION WORKING ON YOUR DEVICE THAT THIS VERSION..and i’ve windows 8 so it has already installed the laest version of directx (directx 11) ..moreover my all drivers are updated ..that means i’ve tried both the methods if you have another solution of this complexxx ..then plz tell me ..

  23. Exactly what error are you getting ??

    Is it ‘OpenGL’ error or anything else ??

  24. in angry birds i’m getting ..opengl 2.0 renderer not supported!reason:
    opengl 2.0 is not supported

    opengl 1.4 renderer not supported!reason:
    openhl 1.3 is not supported

    and on installing BLUSTACK i’m getting ..bluestack currently doesn’t recognize your graphic card. it is possible that your graphic drivers may need to be updated .please update them and try installing again.

  25. method 2 step one worked perfect for me ! thank you very much !!


  26. texture problem too large!! solve this!!


  27. n i have standard vga graphics adapter which is up to date!!

  28. Texture problem is also caused due to graphic drivers.

    You claim that you have your driver up to date.

    But I recommend you to go for the second method mentioned in the article.

  29. I method 1 The dialog box is saying that my driver is up to date
    And in the 2nd method diagnostics report is that my driver is updated.But still Angry Birds is not running in my computer.What should I do? Please help.


  30. I have a link for updating your drivers manually in ‘Method 2′

    Pleas refer to that.

  31. hallo frnd I have acer D270 notebook,atom processor,I hve instld AB but it shows open gl render 2.0 error. Also I hav downloaded display drivers but I think its wrong.Hw can i find right matched audio, video drives from net.plz help me.


  32. You can follow the steps in ‘Method 2′

  33. Nothing has worked at all. I have done everything you stated and restarted the computer. I am running windows 7. I keep getting an error window:

    OpenGL 1.4 renderer not supported!
    OpenGL ES 1.1 renderer not supported!
    OpenGL ES 2.0 renderer not supported!

    Any ideas?

    Thank you.


  34. What about DirectX ???

    Is it up to date ??

  35. Dear Sir,
    I have the same problem. My driver is up to date. In method two the files downloaded do not install saying that system does not meet minimum requirements even when manually selecting file. Directx also not installed and failed. Pl help

  36. method 1 not working. i tried 2 method but the media graphic acclrator dosen’t install properly


  37. method 2 ,step 2 and step3 dosen’t instaal. nw what can i do to play the game


  38. my nopreating system is windos ultimate acclerator dosen’t suppot it


  39. hi man the accelerator while em installing it it told me tat m minimum system requirements aren’t the minimum requirements

    my ram is 4 g byte and 1 g for my videos card


  40. thanks man, your both the methods worked for me. :-)


  41. i have latest graphic driver and latest directx… windows 8 pro x86 system (original with all updates) and still not work for me… playing any new games without problems…


  42. very nice suggestions !!!!!!!!!!!!!!!!!!!!!!!!!!!!!


  43. Yea…it I tried method #2 i updated my driver with no problems…media graphiocs card would not update though…said my system didn’t support ?? idk but anyway I tried Angry birds again with the new driver unstalled and it worked :) thank you so much for your help and your I think I better bookmark your page for future thanks buds :)


  44. hey..
    i want to download opengl1.3 because..
    my 2nd PC doesnt have any net connection ..
    so any other option plz tell me @
    p;zzzz dear… help me..


  45. very useful info.Thank u dear Friend


  46. I faced problem in Windows 7 that openGL 2.0 and 1.4 not supported.
    I applied your above stated solution Step 3 : Install Intel Graphics Media Accelerator Driver for Windows 7
    I have succeeded and Angry Birds is now running.
    Many thanks.


  47. my driver is via chrome 9 family and i use windows xp .even my ram is 512mb and i dont have graphics card in my pc.can i run the game on my pc.even i am getting the opengl problem


  48. hi! tried everything from method 1 to 2. restart my computer then tried opening the angry bird, the same problem pop up again. downloaded the directx 11 then it said the update is not applicable on your computer. what i will do? pls help thanks…


  49. This comment has been removed by the author.


  50. running on windows 7 and my display adapter is NVIDIA GeForce 8500 GT. hope that could help. thank you


  51. This comment has been removed by a blog administrator.


  52. what if my video card is nvidia would it still work?


  53. thanku! it really worked


  54. thanxxxxx man …u r awesome


  55. plz someone tell me where to find intel graphics media accelerator drives
    i m not able to find them for windows 8.1
    and i need them to play games
    i get all of the above mentioned errors+directx 11 renderer not supported


  56. my OS windows 7 home premium 64bit and display adaptor intel(R) G41 express chipset (microsoft corporation-WDDM 1.1) , processor Pentium(R) Dual Core CPU E5400@ 2.70 GHz. when i tried to update driver it says it is ok then i tried to installIntel(R) Grapphics media acceletor driver , it says with this configuration can’t install.What can i do now? I tried your method 1 in another computer and it worked


National Digital Literacy Mission Govt Of India


How to answer “tell me about yourself”

“So, Tell Me About Yourself….”

I recall, early in my career, when I responded to that interview question with a not so brief biography, starting with where I was born, where I went to school, my family members and do I need to go on?

Learn from my mistake……..

The recruiter stifled a few yawns but did not interrupt me. I was well into my 10 minute life story when I suddenly saw the look on his face and knew I was doomed; it was no surprise that I was not hired. I couldn’t even chalk this faux pas to a case of the nerves; I was just not aware how to interview. Interesting that I later found a career in human resources management and was responsible for selecting candidates.

No one teaches you how to interview.

Guidance counselors and career services offer overviews and there is information on the internet but you probably haven’t had someone guide youthrough the process, role playing the interview and providing you with feedback based on your responses. I learned by being on the other side of the table and as a recruiter. I spent many hours shadowing other human resources professionals and completing formal training which culminated in certifications.

As a job seeker, the question, “Tell me about yourself” can be intimidating because you don’t know how much detail the recruiter wants to hear. I assure you – not much. This is an icebreaker type of question and used for assessing your ability to present yourself and your qualifications for the job. So here are my recommendations for how to respond:

  1. WHY: Explain why you applied for the position
  2. WHAT: Briefly summarize your current role and share a bit of information about previous positions with the emphasis on your achievements in those roles. Think of this as a two minute advertisement airing on prime time. What do you want the recruiter to know about you?
  3. STRENGTHS: Share your strengths and expertise by referencing what others have pointed out as your strengths
  4. BRIDGE: Now share how what you have accomplished will benefit the prospective company. Shift the focus from YOU to the COMPANY – very important.
  5. CLOSE: Having assumed you did your research of the company, reference something you find relatable to the position and what you can do for the company. Here’s where you can really shine because many candidates simply don’t do their homework. Let’s say that you are in customer service management and the prospective company is expanding with a new call center. Ask the recruiter what is considered the biggest challenge of the growth and be prepared to respond with an example of how you may have handled that specific obstacle or issue.

You may ask, “Why not ask the recruiter for more clarification?” The short answer: Timing. That type of response, especially for the first question of the interview, may lead the recruiter to think that you may need constant clarification if hired and you won’t be able to work effectively in ambiguous situations. Wait to ask type of questions of the recruiter later in the interview.

Practice makes Perfect:

Be prepared by knowing what strengths and experience you want to share the most. Write down your response and say it aloud a few times until you gain confidence. Your prep work will keep you focused, provide the company they are seeking and you will be confidently in control of your response.

Want more career advice or assistance preparing for an interview? Contact : Based on a career of selecting top talent for Fortune 500 companies, He can help you succeed at showcasing your experience. He specialize in developing compelling resumes, linked in profiles and helping you design a laser-focused job search strategy. Contact me for a free consult.

Photo credits:,

Tankadhar Training Center

Tankadhar Training Center – The only open source web developer training institute at rayagada. Golden Opportunity for BTECH and MCA students. Don’t need to wait for completion of course to go to banglore and learn the course to boost your chance of getting a job. Just do the course while studing and boost your carrier.Tankadhar Training Center

Viacom18 Motion Pictures presents in association with NFDC and Maya Movies: Manjhi -The Mountain Man, releasing on August 21st, 2015. A film by Ketan Mehta starring versatile actor Nawazuddin Siddiqui in and as Manjhi along with Radhika Apte playing his beloved wife, this biopic is the story of an ordinary man who performed the extraordinary.

15 Top Resume Objectives Examples

Employers and recruiters review hundreds of resumes every day.
Therefore, writing a resume that stands out from the crowd is a key success factor for job seekers. An eye-catching resume will increase your chances of getting a job interview.
Writing a resume is challenging. You have to work hard on every phrase to effectively describe your achievements, skills, strengths and most importantly your resume objectives statement.

This article offers sample objectives for resumes and describes the importance of resume objectives with many examples.

What is a Good Objective for a Resume?

What is a resume objective statement and why is it so important?
The resume objectives statements are a short summary of your profile and your career goals and it is what employers are looking for.
In other words, the objectives are for the employers so they can evaluate your competencies. The resume objectives help them perceive whether you would suit the position.

Employers tend to search for phrases and basic qualities that fit the job position. That is why you may place the resume objective paragraph at the beginning.
You also want to be brief and to the point to increase the chances that your resume will be read and chosen/selected.

Your career summary may be part of the resume objectives paragraph, that is if you have years of professional experience.
Therefore, the resume objectives should be divided into two elements –
1. Your career summary (i.e. professional history)
2. Resume objectives: description of the job that you are seeking.

Important Note: The free Resume Samples section of the site contains many examples of career objectives and career profiles that you wouldn’t want to miss.

Let’s start with #2 – the resume objective statement examples.

Resume Objective Examples

Here are 15 objective statements that you can rewrite/edit and use for your resume:

1. “Obtain a position at ABC institute where I can maximize my training experience, program development skills and my teaching abilities.“

2. “Seeking a position that will benefit from my sales experience, positive interaction skills and industry contacts where my twelve years’ experience can improve the sales results.”

3. “Sales manager position where my skills and experience can be effectively utilized for increased profitability and product sales volume by developing a dynamic team.”

4. “Seeking a project management position with leadership responsibilities including problem solving, planning, organizing and managing budgets.”

5. “Seeking a position in an office environment, where there is a need for a variety of office management tasks including – computer knowledge, organizational abilities, business intelligence and database program use.”

6. “Obtain a position as a team-player in a people-oriented organization where I can maximize my customer-service experience in a challenging environment to achieve the corporate goals.”

7. “To obtain a position as a School Teacher that will utilize my strong dedication to children’s development and to their educational needs.”

8. “To obtain a position as an office Secretary in which my computer knowledge, and organizational abilities can be fully utilized.”

9. “To obtain a position as a software program designer in a challenging environment that utilizes team-work effort for researching, learning and developing new high-tech products. “

10. “Customer care representative position where my customer relations experience can be fully utilized to improve customer satisfaction and enhance the company brand name.”

11. “Create business strategies and develop existing customer sales, marketing tools and product launching.”

12. “To obtain a human resources management position where I can effectively utilize my expertise in employee relations and staff recruitment.”

13. “Product Marketing position that utilizes my marketing experience and enables me to make a positive contribution to the company.”

14. “To secure a position that will lead to a lasting working relationship in the field of accounting or bookkeeping.”

15. “To obtain a position that will enable me to use my strong organizational skills, educational background and ability to work well with people.”

Career Summary – Examples for Resume Objectives Paragraphs

Here are two examples for a career summary:
1. “As a fully qualified headteacher with 15 years of varied experience, there’s much I can offer to the education of our young children. I have more than 10 years of experience in mentoring and coaching teaching staff in ABC school. I’m confident that my passion for the teachers’ and children’s development, together with my skills and experience will enable me to make a significant difference at your school.”

2. “I am a PhD business management professional with more than 16 years of experience. I possess multiple skills covering many fields including – business development, organization management and marketing enhancement. I have been a managing director where I led a marketing division of 2000 marketing engineers across 3 countries. I have a long list of corporate achievements that I would be pleased to present.”

What Are HTML & CSS?

HTML, HyperText Markup Language, gives content structure and meaning by defining that content as, for example, headings, paragraphs, or images. CSS, or Cascading Style Sheets, is a presentation language created to style the appearance of content—using, for example, fonts or colors.

The two languages—HTML and CSS—are independent of one another and should remain that way. CSS should not be written inside of an HTML document and vice versa. As a rule, HTML will always represent content, and CSS will always represent the appearance of that content.

With this understanding of the difference between HTML and CSS, let’s dive into HTML in more detail.

Understanding Common HTML Terms

While getting started with HTML, you will likely encounter new—and often strange—terms. Over time you will become more and more familiar with all of them, but the three common HTML terms you should begin with are elements, tags, and attributes.


Elements are designators that define the structure and content of objects within a page. Some of the more frequently used elements include multiple levels of headings (identified as <h1> through <h6> elements) and paragraphs (identified as the <p> element); the list goes on to include the <a>, <div>, <span>, <strong>, and <em> elements, and many more.

Elements are identified by the use of less-than and greater-than angle brackets, < >, surrounding the element name. Thus, an element will look like the following:



The use of less-than and greater-than angle brackets surrounding an element creates what is known as a tag. Tags most commonly occur in pairs of opening and closing tags.

An opening tag marks the beginning of an element. It consists of a less-than sign followed by an element’s name, and then ends with a greater-than sign; for example, <div>.

A closing tag marks the end of an element. It consists of a less-than sign followed by a forward slash and the element’s name, and then ends with a greater-than sign; for example, </div>.

The content that falls between the opening and closing tags is the content of that element. An anchor link, for example, will have an opening tag of <a> and a closing tag of </a>. What falls between these two tags will be the content of the anchor link.

So, anchor tags will look a bit like this:



Attributes are properties used to provide additional information about an element. The most common attributes include the id attribute, which identifies an element; the class attribute, which classifies an element; the src attribute, which specifies a source for embeddable content; and the href attribute, which provides a hyperlink reference to a linked resource.

Attributes are defined within the opening tag, after an element’s name. Generally attributes include a name and a value. The format for these attributes consists of the attribute name followed by an equals sign and then a quoted attribute value. For example, an <a> element including an href attribute would look like the following:

<a href="">Shay Howe</a>

Common HTML Terms Demo

The preceding code will display the text “Shay Howe” on the web page and will take users to upon clicking the “Shay Howe” text. The anchor element is declared with the opening <a> and closing </a> tags encompassing the text, and the hyperlink reference attribute and value are declared with href="" in the opening tag.

HTML Syntax Outline
Fig 1HTML syntax outline including an element, attribute, and tag

Now that you know what HTML elements, tags, and attributes are, let’s take a look at putting together our first web page. If anything looks new here, no worries—we’ll decipher it as we go.

Setting Up the HTML Document Structure

HTML documents are plain text documents saved with an .html file extension rather than a .txt file extension. To begin writing HTML, you first need a plain text editor that you are comfortable using. Sadly this does not include Microsoft Word or Pages, as those are rich text editors. Two of the more popular plain text editors for writing HTML and CSS are Dreamweaver and Sublime Text. Free alternatives also include Notepad++ for Windows and TextWrangler for Mac.

All HTML documents have a required structure that includes the following declaration and elements: <!DOCTYPE html>, <html>, <head>, and <body>.

The document type declaration, or <!DOCTYPE html>, informs web browsers which version of HTML is being used and is placed at the very beginning of the HTML document. Because we’ll be using the latest version of HTML, our document type declaration is simply <!DOCTYPE html>. Following the document type declaration, the <html> element signifies the beginning of the document.

Inside the <html> element, the <head> element identifies the top of the document, including any metadata (accompanying information about the page). The content inside the <head> element is not displayed on the web page itself. Instead, it may include the document title (which is displayed on the title bar in the browser window), links to any external files, or any other beneficial metadata.

All of the visible content within the web page will fall within the <body> element. A breakdown of a typical HTML document structure looks like this:

<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <title>Hello World</title>
    <h1>Hello World</h1>
    <p>This is a web page.</p>

HTML Document Structure Demo

The preceding code shows the document beginning with the document type declaration, <!DOCTYPE html>, followed directly by the <html> element. Inside the <html> element come the <head> and <body> elements. The <head> element includes the character encoding of the page via the <meta charset="utf-8"> tag and the title of the document via the <title> element. The <body> element includes a heading via the <h1> element and a paragraph via the <p> element. Because both the heading and paragraph are nested within the <body> element, they are visible on the web page.

When an element is placed inside of another element, also known as nested, it is a good idea to indent that element to keep the document structure well organized and legible. In the previous code, both the <head> and <body> elements were nested—and indented—inside the <html> element. The pattern of indenting for elements continues as new elements are added inside the <head> and <body> elements.

Self-Closing Elements

In the previous example, the <meta> element had only one tag and didn’t include a closing tag. Fear not, this was intentional. Not all elements consist of opening and closing tags. Some elements simply receive their content or behavior from attributes within a single tag. The <meta> element is one of these elements. The content of the previous <meta> element is assigned with the use of the charset attribute and value. Other common selfclosing elements include

  • <br>
  • <embed>
  • <hr>
  • <img>
  • <input>
  • <link>
  • <meta>
  • <param>
  • <source>
  • <wbr>

The structure outlined here, making use of the <!DOCTYPE html> document type and <html>, <head>, and <body> elements, is quite common. We’ll want to keep this document structure handy, as we’ll be using it often as we create new HTML documents.

Code Validation

No matter how careful we are when writing our code, we will inevitably make mistakes. Thankfully, when writing HTML and CSS we have validators to check our work. The W3C has built both HTML and CSS validators that will scan code for mistakes. Validating our code not only helps it render properly across all browsers, but also helps teach us the best practices for writing code.

In Practice

As web designers and front-end developers, we have the luxury of attending a number of great conferences dedicated to our craft. We’re going to make up our own conference, Styles Conference, and build a website for it throughout the following lessons. Here we go!

  1. Let’s open our text editor, create a new file named index.html, and save it to a location we won’t forget. I’m going to create a folder on my Desktop named “styles- conference” and save this file there; feel free to do the same.
  2. Within the index.html file, let’s add the document structure, including the <!DOCTYPE html> document type and the <html>, <head>, and <body> elements.
    <!DOCTYPE html>
    <html lang="en">
  3. Inside the <head> element, let’s add <meta> and <title> elements. The <meta> element should include the proper charset attribute and value, while the <title> element should contain the title of the page—let’s say “Styles Conference.”
      <meta charset="utf-8">
      <title>Styles Conference</title>
  4. Inside the <body> element, let’s add <h1> and <p> elements. The <h1> element should include the heading we wish to include—let’s use “Styles Conference” again—and the <p> element should include a simple paragraph to introduce our conference.
      <h1>Styles Conference</h1>
      <p>Every year the brightest web designers and front-end developers descend on Chicago to discuss the latest technologies. Join us this August!</p>
  5. Now it’s time to see how we’ve done! Let’s go find our index.html file (mine is within the “styles-conference” folder on my Desktop). Double-clicking this file or dragging it into a web browser will open it for us to review.
Styles Conference website
Fig 1Our first steps into building our Styles Conference website

Let’s switch gears a bit, moving away from HTML, and take a look at CSS. Remember, HTML will define the content and structure of our web pages, while CSS will define the visual style and appearance of our web pages.

Understanding Common CSS Terms

In addition to HTML terms, there are a few common CSS terms you will want to familiarize yourself with. These terms include selectors, properties, and values. As with the HTML terminology, the more you work with CSS, the more these terms will become second nature.


As elements are added to a web page, they may be styled using CSS. A selector designates exactly which element or elements within our HTML to target and apply styles (such as color, size, and position) to. Selectors may include a combination of different qualifiers to select unique elements, all depending on how specific we wish to be. For example, we may want to select every paragraph on a page, or we may want to select only one specific paragraph on a page.

Selectors generally target an attribute value, such as an id or class value, or target the type of element, such as <h1> or <p>.

Within CSS, selectors are followed with curly brackets, {}, which encompass the styles to be applied to the selected element. The selector here is targeting all <p> elements.

p { ... }


Once an element is selected, a property determines the styles that will be applied to that element. Property names fall after a selector, within the curly brackets, {}, and immediately preceding a colon, :. There are numerous properties we can use, such as background, color, font-size, height, and width, and new properties are often added. In the following code, we are defining the color and font-size properties to be applied to all <p> elements.

p {
  color: ...;
  font-size: ...;


So far we’ve selected an element with a selector and determined what style we’d like to apply with a property. Now we can determine the behavior of that property with a value. Values can be identified as the text between the colon, :, and semicolon, ;. Here we are selecting all <p> elements and setting the value of the color property to be orange and the value of the font-size property to be 16 pixels.

p {
  color: orange;
  font-size: 16px;

To review, in CSS our rule set begins with the selector, which is immediately followed by curly brackets. Within these curly brackets are declarations consisting of property and value pairs. Each declaration begins with a property, which is followed by a colon, the property value, and finally a semicolon.

It is a common practice to indent property and value pairs within the curly brackets. As with HTML, these indentations help keep our code organized and legible.

CSS Syntax Outline
Fig 1CSS syntax outline including a selector, properties, and values

Knowing a few common terms and the general syntax of CSS is a great start, but we have a few more items to learn before jumping in too deep. Specifically, we need to take a closer look at how selectors work within CSS.

Working with Selectors

Selectors, as previously mentioned, indicate which HTML elements are being styled. It is important to fully understand how to use selectors and how they can be leveraged. The first step is to become familiar with the different types of selectors. We’ll start with the most common selectors: type, class, and ID selectors.

Type Selectors

Type selectors target elements by their element type. For example, should we wish to target all division elements, <div>, we would use a type selector of div. The following code shows a type selector for division elements as well as the corresponding HTML it selects.

div { ... }

Class Selectors

Class selectors allow us to select an element based on the element’s class attribute value. Class selectors are a little more specific than type selectors, as they select a particular group of elements rather than all elements of one type.

Class selectors allow us to apply the same styles to different elements at once by using the same class attribute value across multiple elements.

Within CSS, classes are denoted by a leading period, ., followed by the class attribute value. Here the class selector will select any element containing the class attribute value of awesome, including both division and paragraph elements.

.awesome { ... }
<div class="awesome">...</div>
<p class="awesome">...</p>

ID Selectors

ID selectors are even more precise than class selectors, as they target only one unique element at a time. Just as class selectors use an element’s class attribute value as the selector, ID selectors use an element’s id attribute value as a selector.

Regardless of which type of element they appear on, id attribute values can only be used once per page. If used they should be reserved for significant elements.

Within CSS, ID selectors are denoted by a leading hash sign, #, followed by the id attribute value. Here the ID selector will only select the element containing the id attribute value of shayhowe.

#shayhowe { ... }
<div id="shayhowe">...</div>

Additional Selectors

Selectors are extremely powerful, and the selectors outlined here are the most common selectors we’ll come across. These selectors are also only the beginning. Many more advanced selectors exist and are readily available. When you feel comfortable with these selectors, don’t be afraid to look into some of the more advanced selectors.

All right, everything is starting to come together. We add elements to a page inside our HTML, and we can then select those elements and apply styles to them using CSS. Now let’s connect the dots between our HTML and CSS, and get these two languages working together.

Referencing CSS

In order to get our CSS talking to our HTML, we need to reference our CSS file within our HTML. The best practice for referencing our CSS is to include all of our styles in a single external style sheet, which is referenced from within the <head> element of our HTML document. Using a single external style sheet allows us to use the same styles across an entire website and quickly make changes sitewide.

Other Options for Adding CSS

Other options for referencing CSS include using internal and inline styles. You may come across these options in the wild, but they are generally frowned upon, as they make updating websites cumbersome and unwieldy.

To create our external CSS style sheet, we’ll want to use our text editor of choice again to create a new plain text file with a .css file extension. Our CSS file should be saved within the same folder, or a subfolder, where our HTML file is located.

Within the <head> element of the HTML document, the <link> element is used to define the relationship between the HTML file and the CSS file. Because we are linking to CSS, we use the rel attribute with a value of stylesheet to specify their relationship. Furthermore, the href (or hyperlink reference) attribute is used to identify the location, or path, of the CSS file.

Consider the following example of an HTML document <head> element that references a single external style sheet.

  <link rel="stylesheet" href="main.css">

In order for the CSS to render correctly, the path of the href attribute value must directly correlate to where our CSS file is saved. In the preceding example, the main.css file is stored within the same location as the HTML file, also known as the root directory.

If our CSS file is within a subdirectory or subfolder, the href attribute value needs to correlate to this path accordingly. For example, if our main.css file were stored within a subdirectory named stylesheets, the href attribute value would be stylesheets/main.css, using a forward slash to indicate moving into a subdirectory.

At this point our pages are starting to come to life, slowly but surely. We haven’t delved into CSS too much, but you may have noticed that some elements have default styles we haven’t declared within our CSS. That is the browser imposing its own preferred CSS styles for those elements. Fortunately we can overwrite these styles fairly easily, which is what we’ll do next using CSS resets.

Using CSS Resets

Every web browser has its own default styles for different elements. How Google Chrome renders headings, paragraphs, lists, and so forth may be different from how Internet Explorer does. To ensure cross-browser compatibility, CSS resets have become widely used.

CSS resets take every common HTML element with a predefined style and provide one unified style for all browsers. These resets generally involve removing any sizing, margins, paddings, or additional styles and toning these values down. Because CSS cascades from top to bottom—more on that soon—our reset needs to be at the very top of our style sheet. Doing so ensures that those styles are read first and that all of the different web browsers are working from a common baseline.

There are a bunch of different resets available to use, all of which have their own fortes. One of the most popular resets is Eric Meyer’s reset, which has been adapted to include styles for the new HTML5 elements.

If you are feeling a bit more adventurous, there is also Normalize.css, created by Nicolas Gallagher. Normalize.css focuses not on using a hard reset for all common elements, but instead on setting common styles for these elements. It requires a stronger understanding of CSS, as well as awareness of what you’d like your styles to be.

Cross-Browser Compatibility & Testing

As previously mentioned, different browsers render elements in different ways. It’s important to recognize the value in cross-browser compatibility and testing. Websites don’t need to look exactly the same in every browser, but they should be close. Which browsers you wish to support, and to what degree, is a decision you will need to make based on what is best for your website.

In all there are a handful of things to be on the lookout for when writing CSS. The good news is that anything is possible, and with a little patience we’ll figure it all out.

In Practice

Picking back up where we last left off on our conference website, let’s see if we can add in a bit of CSS.

  1. Inside of our “styles-conference” folder, let’s create a new folder named “assets.” We’ll store all of the assets for our website, such as our style sheets, images, videos, and so forth, in this folder. For our style sheets, let’s go ahead and add another folder named “stylesheets” inside the “assets” folder.
  2. Using our text editor, let’s create a new file named main.css and save it within the “stylesheets” folder we just created.
  3. Looking at our index.html file in a web browser, we can see that the <h1> and <p> elements each have default CSS styles. Specifically, they each have a unique font size and spacing around them. Using Eric Meyer’s reset, we can tone down these styles, allowing each of them to be styled from the same base. To do this let’s head over to Eric’s website, copy his reset, and paste it at the top of our main.css file.
    /* 2. v2.0 | 20110126
      License: none (public domain)
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
      display: block;
    body {
      line-height: 1;
    ol, ul {
      list-style: none;
    blockquote, q {
      quotes: none;
    blockquote:before, blockquote:after,
    q:before, q:after {
      content: '';
      content: none;
    table {
      border-collapse: collapse;
      border-spacing: 0;
  4. With our main.css file starting to take shape, let’s connect it to our index.html file. Opening the index.html file in our text editor, let’s add the <link> element within our <head> element, just after the <title> element.
  5. Because we’ll be referencing a style sheet within the <link> element, let’s add the relation attribute, rel, with a value of stylesheet.
  6. We also want to include a hyperlink reference, using the href attribute, to our main.css file. Remember, our main.css file is saved within the “stylesheets” folder, which is inside the “assets” folder. Therefore, the href attribute value, which is the path to our main.css file, needs to be assets/stylesheets/main.css.
      <meta charset="utf-8">
      <title>Styles Conference</title>
      <link rel="stylesheet" href="assets/stylesheets/main.css">

Time to check out our work and see if our HTML and CSS are getting along. Now opening our index.html file (or refreshing the page if it’s already opened) within a web browser should show slightly different results than before.

Styles Conference website
Fig 1Our Styles Conference website with a CSS reset

Demo & Source Code

Below you may download the source code for the website in its current state.

Download the Source Code (Zip file)


So far, so good! We’ve taken a few big steps in this lesson.

Just think, you now know the basics of HTML and CSS. As we continue and you spend more time writing HTML and CSS, you’ll become much more comfortable with the two languages.

To recap, so far we’ve covered the following:

  • The difference between HTML and CSS
  • Getting acquainted with HTML elements, tags, and attributes
  • Setting up the structure of your first web page
  • Getting acquainted with CSS selectors, properties, and values
  • Working with CSS selectors
  • Referencing CSS in your HTML
  • The value of CSS resets

Web Developer Courses at Rayagada.

Web Developer Courses at Rayagada.

All The courses covers real life web developement examples.
There are more then 200 companies in India who hire fresh graduates for web development using php and mysql. Normally companies have to give 2-3 months of full time training in php and mysql to new hires. This online course provides this real life training for web development before graduates join a company. This will help the companies save 3 months of time and 50,000 to 100,000 Rs that companies spend in salaries and training of fresh graduates before they become productive.
Certified jquery developer Course Content is designed by working java professionals with a combined experience of nearly 25 years in java behind them. The development of this IT course was the meeting point of all these java professionals where they shared their magical ideas, concepts, real life experience and problems which resulted in this exciting Online course. Come! Join the gang and enjoy the world of Java.
PHP being one of the most widely used open source language for web development, there is a huge demand in the market for PHP developers. SiliconIndia’s PHP course consists of 100s of real time examples and assignments, which will help you, understand what is used in the industry and get your dream job.
MySQL is the M factor of the LAMP stack, since more than 70% of the big websites use MySQL for their database. SiliconIndia’s MySQL course cover from the basic to the advanced level of database techniques and concepts. By doing this course you will undergo lot of real time examples on database management. This will ensure you to stand-alone in the market and get a job easily.

SEO training course

Search Engine Optimization (SEO) training is most sought by companies to train their employees in this new field of SEO. This is first SEO course of its kind in India for SEO training and certification which has been designed by a team of US and India based experts.

f this course is that each and every student should be benefitted to the maximum.


Angular JS course

Learn to use Angular.js by adding behavior to your HTML and speeding up your application’s responsiveness. Get ready to dive into all the angles of Angular.js!


WordPress course

WordPress is the most popular way for people to build a blog or a website.

Since WordPress was founded in 2003, it has grown every year and is now seen and used by tens of millions of people every day.

WordPress is easy to use and easy to modify. That’s why millions of people every day use it to create their own site. Famous users of WordPress include the BBC, the New York Times and Ford.

Html5 and CSS3 course

Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.

Asans for back pain, sciatica and other backaches – Baba Ramdev

Asans for back pain, sciatica and other backaches – Baba Ramdev

Bajrangi Bhaijaan | Official Trailer | Salman Khan, Kareena Kapoor Khan, Nawazuddin Siddiqui

Unveiling the trailer of the most awaited film ‘Bajrangi Bhaijaan’ coming to the theatres this Eid. Subscribe to for all the Bajrangi Bhaijaan videos.

Bajrangi Bhaijaan features Salman Khan, Kareena Kapoor Khan & Nawazuddin Siddiqui in the lead roles. The film is directed by Kabir Khan and produced by Salman Khan & Rockline Venkatesh and is set to release EID, 2015

Music by: Pritam

Distributed worldwide by Eros International.

For more updates on Bajrangi Bhaijaan, click on the links below:

Daily Horoscope: aries June 15, 2015

Daily Horoscope: aries

June 15, 2015aries
Make an effort not to sugarcoat what you say to people today — your goal should be honesty, not diplomacy. Right now, people value your critical eye and are ready to hear the whole truth and nothing but the truth. Interestingly enough, you are in a slightly different frame of mind. When the tables turn, the scene might not be so pretty. For you, it will be hard to hear the truth — but it is what it is. You will have to learn to accept it.

Daily Horoscope: leo June 15, 2015

Daily Horoscope: leo

June 15, 2015
It’s a common saying that cream rises to the top… meaning, of course, that premium quality becomes obvious when it’s put in comparison to sub-par quality. To find the quality in your life today, do some comparing of your own. If you have grown too comfortable in your routine, you might be settling for less than what you deserve. Try a new market, visit that new intriguing restaurant, and when you see someone with a particularly fetching haircut, ask him or her the name of their stylist. Refresh your routine.
%d bloggers like this: