CSS ਵਿੱਚ 3-ਕੋਲਮ ਲੇਆਉਟ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ

by ਜੈਨੀਫ਼ਰ ਕਿਰਨਿਨ

CSS ਲੇਆਉਟ ਲਈ ਇਹ ਜ਼ਰੂਰੀ ਹੈ ਕਿ ਤੁਸੀਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਆਪਣੀ ਵੈਬਸਾਈਟ ਲੇਆਉਟ ਬਾਰੇ ਸੋਚੋ, ਅਤੇ ਫਿਰ ਟੁਕੜੇ ਲੈ ਕੇ ਉਹਨਾਂ ਨੂੰ ਇਕੱਠੇ ਕਰੋ. CSS ਨਾਲ ਸਧਾਰਨ 3-ਕਾਲਮ ਲੇਆਉਟ ਕਿਵੇਂ ਬਣਾਉਣਾ ਹੈ ਬਾਰੇ ਜਾਣੋ

01 ਦਾ 09

ਆਪਣਾ ਲੇਆਉਟ ਖਿੱਚੋ

ਜੇ ਕਿਰਨਿਨ

ਤੁਸੀਂ ਆਪਣੇ ਲੇਆਉਟ ਨੂੰ ਕਾਗਜ਼ ਤੇ ਜਾਂ ਗਰਾਫਿਕਸ ਪ੍ਰੋਗਰਾਮ ਵਿੱਚ ਖਿੱਚ ਸਕਦੇ ਹੋ ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਹੀ ਇੱਕ ਤਾਰ ਫਰੇਮ ਜਾਂ ਹੋਰ ਜ਼ਿਆਦਾ ਵਿਆਪਕ ਡਿਜ਼ਾਈਨ ਹੈ ਤਾਂ ਸਾਈਟ ਨੂੰ ਬਣਾਉਣ ਵਾਲੇ ਮੁਢਲੇ ਬਕਸਿਆਂ ਵਿੱਚ ਇਸ ਨੂੰ ਸੌਖਾ ਬਣਾਉ. ਇਸ ਲੇਖ ਦੇ ਨਾਲ ਇਸ ਡਿਜ਼ਾਇਨ ਦੇ ਮੁੱਖ ਵਿਸ਼ਾ ਖੇਤਰ ਵਿਚ ਤਿੰਨ ਥੀਮ ਹਨ, ਅਤੇ ਨਾਲ ਹੀ ਸਿਰਲੇਖ ਅਤੇ ਪਦਲੇਰ ਵੀ ਹਨ. ਜੇ ਤੁਸੀਂ ਧਿਆਨ ਨਾਲ ਵੇਖਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਵੇਖ ਸਕਦੇ ਹੋ ਕਿ ਤਿੰਨ ਕਾਲਮ ਚੌੜਾਈ ਦੇ ਬਰਾਬਰ ਨਹੀਂ ਹਨ.

ਜਦੋਂ ਤੁਸੀਂ ਆਪਣਾ ਲੇਆਉਟ ਖਿੱਚਿਆ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਆਕਾਰ ਬਾਰੇ ਸੋਚਣਾ ਸ਼ੁਰੂ ਕਰ ਸਕਦੇ ਹੋ. ਇਸ ਉਦਾਹਰਣ ਦੇ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਹੇਠਾਂ ਦਿੱਤੇ ਮੂਲ ਮਾਪ ਹਨ:

900 ਤੋਂ ਜਿਆਦਾ ਪਿਕਸਲ ਚੌੜਾ ਨਹੀਂ
ਖੱਬੇ ਪਾਸੇ 20 ਪਜੇ ਗਿੱਟਰ
ਕਾਲਮ ਅਤੇ ਕਤਾਰਾਂ ਵਿਚਕਾਰ 10 ਪੈਕਿਆਂ
ਉਹ ਕਾਲਮ ਜੋ 250px, 300px, ਅਤੇ 300px ਚੌੜੇ ਹਨ
ਚੋਟੀ ਦੀ ਕਤਾਰ 150 ਪੌਂਡ ਲੰਬਾ ਹੈ
ਹੇਠਲੀ ਕਤਾਰ 100px ਲੰਬਾ ਹੈ

02 ਦਾ 9

ਬੇਸਿਕ HTML / CSS ਲਿਖੋ ਅਤੇ ਇਕ ਕੰਟੇਨਰ ਐਲੀਮੈਂਟ ਬਣਾਓ

ਕਿਉਂਕਿ ਇਹ ਸਫ਼ਾ ਇੱਕ ਵੈਧ HTML ਦਸਤਾਵੇਜ਼ ਹੋਵੇਗਾ, ਇੱਕ ਖਾਲੀ HTML ਕੰਟੇਨਰ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ

ਬਿਨਾਂ ਸਿਰਲੇਖ ਦਸਤਾਵੇਜ਼ </ ਸਿਰਲੇਖ> </ head> <body> </ body> </ html> <p> <a href="https://pa.eyewated.com/%E0%A8%86%E0%A8%AA%E0%A8%A3%E0%A9%80-%E0%A8%AE%E0%A8%BE%E0%A8%B0%E0%A8%9C%E0%A8%BF%E0%A8%A8%E0%A8%B8-%E0%A8%85%E0%A8%A4%E0%A9%87-%E0%A8%AC%E0%A8%BE%E0%A8%B0%E0%A8%A1%E0%A8%B0%E0%A8%B8/">ਪੇਜ਼ ਮਾਰਜਿਨਾਂ, ਬਾਰਡਰਸ ਅਤੇ ਪੈਡਿੰਗਜ਼</a> ਨੂੰ <a href="https://pa.eyewated.com/%E0%A8%86%E0%A8%AA%E0%A8%A3%E0%A9%80-%E0%A8%AE%E0%A8%BE%E0%A8%B0%E0%A8%9C%E0%A8%BF%E0%A8%A8%E0%A8%B8-%E0%A8%85%E0%A8%A4%E0%A9%87-%E0%A8%AC%E0%A8%BE%E0%A8%B0%E0%A8%A1%E0%A8%B0%E0%A8%B8/">ਜ਼ੀਰੋ ਕਰਨ</a> ਲਈ ਮੁੱਢਲੀ CSS ਸ਼ੈਲੀਆਂ ਵਿੱਚ ਜੋੜੋ. ਨਵੇਂ ਦਸਤਾਵੇਜ਼ਾਂ ਲਈ ਹੋਰ <a href="https://pa.eyewated.com/%E0%A8%87%E0%A8%B8-css-%E0%A8%9A%E0%A9%80%E0%A8%9F%E0%A8%BF%E0%A9%B0%E0%A8%97-%E0%A8%B8%E0%A8%BC%E0%A9%80%E0%A8%9F-%E0%A8%A6%E0%A9%87-%E0%A8%A8%E0%A8%BE%E0%A8%B2/">ਸਟੈਂਡਰਡ CSS ਸ਼ੈਲੀਆਂ</a> ਹੁੰਦੀਆਂ ਹਨ, ਪਰ ਇਹ ਸਟਾਈਲ ਤੁਹਾਡੇ ਲਈ ਇੱਕ ਸਾਫ਼ ਲੇਆਉਟ ਲੈਣ ਲਈ ਘੱਟੋ ਘੱਟ ਹਨ. ਉਹਨਾਂ ਨੂੰ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਿਰ ਵਿਚ ਸ਼ਾਮਲ ਕਰੋ: </p> <style type = "text / css"> html, body {ਹਾਸ਼ੀਆ: 0 ਪੈਕਸ; ਪੈਡਿੰਗ: 0 ਪੈਕਸ; ਬਾਰਡਰ: 0 ਪੈਕਸ; } </ style> <p> ਖਾਕਾ ਬਣਾਉਣ ਸ਼ੁਰੂ ਕਰਨ ਲਈ, ਇੱਕ ਕੰਟੇਨਰ ਦੇ ਤੱਤ ਵਿੱਚ ਪਾਓ ਇਹ ਕਦੇ-ਕਦੇ ਹੁੰਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਬਾਅਦ ਵਿੱਚ ਕੰਟੇਨਰ ਤੋਂ ਛੁਟਕਾਰਾ ਪਾ ਸਕਦੇ ਹੋ, ਪਰ ਜ਼ਿਆਦਾਤਰ ਸਥਿਰ-ਚੌੜਾਈ ਲੇਆਉਟ ਲਈ, ਕੰਟੇਨਰ ਦੇ ਤੱਤ ਹੋਣ ਨਾਲ ਵੱਖ-ਵੱਖ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਪ੍ਰਬੰਧ ਕਰਨਾ ਸੌਖਾ ਹੁੰਦਾ ਹੈ. ਇਸ ਲਈ ਸਰੀਰ ਵਿੱਚ ਇਹ: </p> <div id = "ਕੰਟੇਨਰ"> </ div> <p> ਅਤੇ CSS ਸਟਾਈਲ ਸ਼ੀਟ ਵਿੱਚ, ਲਿਖੋ: </p> #container {} <p> <strong>03 ਦੇ 09</strong> </p> <h3> ਕੰਟੇਨਰ ਦੀ ਸ਼ੈਲੀ </h3><p> ਕੰਟੇਨਰ ਇਹ ਪਰਿਭਾਸ਼ਿਤ ਕਰਦਾ ਹੈ ਕਿ ਵੈਬ ਪੇਜ ਦੀ ਸਮੱਗਰੀ ਕਿੰਨੀ ਵਿਆਪਕ ਹੋਵੇਗੀ, ਨਾਲ ਹੀ ਬਾਹਰ ਦੇ ਆਲੇ ਦੁਆਲੇ ਕੋਈ ਵੀ ਮਾਰਜਿਨ ਅਤੇ ਅੰਦਰਲੀ ਪੈਡਿੰਗ. ਇਸ ਦਸਤਾਵੇਜ਼ ਲਈ, ਕੰਟੇਨਰ 870 ਪੌਂਡ ਚੌੜਾ ਹੈ ਖੱਬੇ ਪਾਸੇ 20 ਪਿਕਸਲ ਗਟਰ ਨਾਲ. ਗਟਰ ਨੂੰ ਮਾਰਜਿਨ ਸਟਾਈਲ ਦੇ ਨਾਲ ਸਥਾਪਤ ਕੀਤਾ ਗਿਆ ਹੈ, ਪਰ ਕੰਟੇਨਰ 'ਤੇ ਪੈਂਡਿੰਗ ਨੂੰ ਕਿਸੇ ਵੀ ਤੱਤ ਨੂੰ ਕੰਟੇਨਰ ਦੇ ਰੂਪ ਵਿੱਚ ਵਿਆਪਕ ਹੋਣ ਤੋਂ ਰੋਕਣ ਲਈ ਬਾਹਰ ਰੱਖਿਆ ਗਿਆ ਹੈ. </p> #container {width: 870px; ਹਾਸ਼ੀਆ: 0 0 0 20 ਪੈਕਸ; / * ਉੱਪਰ ਸੱਜੇ ਥੱਲੇ ਖੱਬੇ * / ਚਿਣੋ: 0; } <p> ਜੇ ਤੁਸੀਂ ਹੁਣ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਬਚਾਉਂਦੇ ਹੋ, ਤਾਂ ਇਸ ਨੂੰ ਕੰਟੇਨਰ ਨੂੰ ਦੇਖਣਾ ਮੁਸ਼ਕਲ ਹੋਵੇਗਾ ਕਿਉਂਕਿ ਇਸ ਵਿੱਚ ਇਸ ਵਿੱਚ ਕੁਝ ਨਹੀਂ ਹੈ ਜੇ ਤੁਸੀਂ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਨੂੰ ਜੋੜਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਕੰਟੇਨਰ ਦੇ ਤੱਤ ਨੂੰ ਵਧੇਰੇ ਸਪਸ਼ਟ ਤੌਰ ਤੇ ਦੇਖ ਸਕੋਗੇ. </p> <p> <strong>04 ਦਾ 9</strong> </p> <h3> ਸਿਰਲੇਖ ਲਈ ਇੱਕ ਹੈਡਲਾਈਨ ਟੈਗ ਵਰਤੋ </h3><p> ਤੁਸੀਂ ਕਿਵੇਂ ਸਿਰਲੇਖ ਕਰਨ ਦਾ ਫ਼ੈਸਲਾ ਕਰਦੇ ਹੋ ਸਿਰਲੇਖ ਕਤਾਰ ਇਸ ਵਿੱਚ ਨਿਰਭਰ ਕਰਦਾ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਕੀ ਹੈ. ਜੇ ਸਿਰਲੇਖ ਕਤਾਰ ਵਿੱਚ ਸਿਰਫ ਇੱਕ ਲੋਗੋ ਗ੍ਰਾਫਿਕ ਅਤੇ ਹੈੱਡਲਾਈਨ ਹੋਣਾ ਹੈ, ਤਾਂ ਇੱਕ ਹੈਡਲਾਈਨ ਟੈਗ (<h1>) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ <div> ਦੀ ਵਰਤੋਂ ਕਰਨ ਨਾਲੋਂ ਵਧੇਰੇ ਸਮਝ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ. ਤੁਸੀਂ ਸਿਰਲੇਖ ਨੂੰ ਉਸੇ ਤਰ੍ਹਾਂ ਸ਼ੈਲੀ ਕਰ ਸਕਦੇ ਹੋ ਜਿਸ ਤਰ੍ਹਾਂ ਤੁਸੀਂ ਸ਼ੈਲੀ ਨੂੰ ਇਕ ਡੀਵੀ ਬਣਾਉਂਦੇ ਹੋ, ਅਤੇ ਤੁਸੀਂ ਅਜੀਬ ਟੈਗ ਤੋਂ ਬਚੋ </p> <p> ਸਿਰਲੇਖ ਕਤਾਰ ਲਈ HTML ਕੰਟੇਨਰ ਦੇ ਸਿਖਰ ਤੇ ਜਾਂਦਾ ਹੈ ਅਤੇ ਇਸ ਤਰ੍ਹਾਂ ਦਿੱਸਦਾ ਹੈ: </p> <h1> ਮੇਰੇ ਸਿਰਲੇਖ ਕਤਾਰ </ h1> <p> ਫਿਰ, ਇਸ 'ਤੇ ਸਟਾਈਲ ਲਗਾਉਣ ਲਈ, ਇਕ ਲਾਲ ਸਰਹੱਦ ਨੂੰ ਹੇਠਾਂ ਤੇ ਜੋੜਿਆ ਗਿਆ ਸੀ ਤਾਂ ਜੋ ਤੁਸੀਂ ਦੇਖ ਸਕੋ ਕਿ ਇਹ ਕਿੱਥੇ ਖਤਮ ਹੁੰਦਾ ਹੈ, ਮਾਰਜਿਨ ਅਤੇ ਪੈਡਿੰਗ ਨੂੰ ਬਾਹਰ ਕੱਢਿਆ ਗਿਆ, ਚੌੜਾਈ 100% ਅਤੇ ਉਚਾਈ 150px ਨਿਰਧਾਰਤ ਕੀਤੀ ਗਈ ਸੀ: </p> # ਕੰਟੇਨਰ h1 {ਹਾਸ਼ੀਆ: 0; ਪੈਡਿੰਗ: 0; ਚੌੜਾਈ: 100%; ਉਚਾਈ: 150px; ਫਲੋਟ: ਖੱਬੇ; ਸੀਮਾ-ਹੇਠਾਂ: # c00 ਠੋਸ 3px; } <p> ਇਸ ਤੱਤ ਨੂੰ ਫਲੋਟ ਨਾਲ ਫਲੋਟ ਕਰਨਾ ਨਾ ਭੁੱਲੋ: ਖੱਬੇ; ਜਾਇਦਾਦ CSS ਲੇਆਉਟ ਲਿਖਣ ਦੀ ਕੁੰਜੀ ਹਰ ਚੀਜ ਨੂੰ ਫਲੋਟ ਕਰਨਾ ਹੈ- ਕੰਟੇਨਰ ਦੇ ਰੂਪ ਵਿੱਚ ਇੱਕੋ ਜਿਹੀਆਂ ਚੀਜ਼ਾਂ ਵੀ. ਇਸ ਤਰ੍ਹਾ, ਤੁਹਾਨੂੰ ਹਮੇਸ਼ਾ ਇਹ ਪਤਾ ਹੁੰਦਾ ਹੈ ਕਿ ਸਫ਼ੇ ਤੇ ਤੱਤ ਕਿੱਥੇ ਹੋਣਗੇ. </p> <p> ਇੱਕ <a href="https://pa.eyewated.com/%E0%A8%87%E0%A9%B1%E0%A8%95-css-descendant-selector-%E0%A8%95%E0%A9%80-%E0%A8%B9%E0%A9%88/">CSS ਉੱਤਰਾਧਿਕਾਰੀ ਚੋਣਕਾਰ</a> ਸਿਰਫ # ਕੰਟੇਨਰ ਐਲੀਮੈਂਟ ਦੇ ਅੰਦਰ H1 ਐਲੀਮੈਂਟਸ ਲਈ ਸ਼ੈਲੀ ਨੂੰ ਲਾਗੂ ਕਰਦਾ ਹੈ </p> <p> <strong>05 ਦਾ 09</strong> </p> <h3> ਤਿੰਨ ਕਾਲਮ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ, ਦੋ ਕਾਲਮ ਬਣਾ ਕੇ ਸ਼ੁਰੂ ਕਰੋ </h3><p> ਜਦੋਂ ਤੁਸੀਂ CSS ਨਾਲ ਤਿੰਨ-ਕਾਲਮ ਲੇਆਉਟ ਬਣਾਉਂਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਆਪਣੇ ਲੇਆਉਟ ਨੂੰ ਦੋ ਦੇ ਸਮੂਹਾਂ ਵਿੱਚ ਵੰਡਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ. ਇਸ ਲਈ ਇਸ ਤਿੰਨ-ਕਲਮ ਲੇਆਉਟ ਲਈ, ਮੱਧ ਅਤੇ ਸੱਜੇ ਕਾਲਮ ਅਤੇ ਇੱਕ ਦੋ-ਲੇਆਉਟ ਲੇਆਉਟ ਵਿੱਚ ਖੱਬਾ ਕਾਲਮ ਦੇ ਅੱਗੇ ਰੱਖਿਆ ਗਿਆ ਹੈ ਜਿੱਥੇ ਖੱਬੇ ਕਾਲਮ 250 ਪੈਕਸ ਚੌੜਾ ਹੈ, ਅਤੇ ਸੱਜੇ ਕਾਲਮ 610 ਪੈਕਸ ਚੌੜਾ ਹੈ (ਦੋ ਕਾਲਮਾਂ ਲਈ 300 , ਅਤੇ ਉਹਨਾਂ ਵਿਚਕਾਰ ਗਟਰ ਲਈ 10px). </p> <p> HTML ਇਸ ਤਰਾਂ ਦਿੱਸਦਾ ਹੈ: </p> <div id = "col1"> <p> ਇਸ ਤੋਂ ਬਾਹਰ ਆਉਣ ਲਈ ਵਰਤੋਂ ਇੱਕ ਬਹੁਤ ਹੀ ਘੱਟ ਖੇਡ ਦੇ ਲਈ, ਇਸ ਨੂੰ ਇੱਕ ਬਹੁਤ ਹੀ ਘੱਟ ਜਾਣਕਾਰੀ ਲਈ ਲੋੜ ਹੈ ਕਿਸੇ ਵੀ ਵਿਅਕਤੀ ਦੁਆਰਾ ਕਿਸੇ ਹੋਰ ਪ੍ਰੋਟੈਸਟੈਂਟ ਦੀ ਪ੍ਰਵਾਨਗੀ ਦੇ ਦਿੱਤੀ ਗਈ ਰਿਪੋਰਟ ਇਸ ਤੋਂ ਇਲਾਵਾ, ਆਪਣੇ ਬੱਚਿਆਂ ਲਈ ਘੱਟ ਤੋਂ ਘੱਟ ਮਾਤਰਾ ਵਿੱਚ ਲੋੜੀਂਦਾ ਪੈਸਾ ਕਮਾਉਣਾ. </ P> </ div> <div id = "col2outer"> <p> ਕਿਸੇ ਵੀ ਥਾਂ ਲਈ, ਪਰ ਉਨ੍ਹਾਂ ਨੂੰ ਕਿਸੇ ਵੀ ਸਮੇਂ ਕੋਈ ਕੰਮ ਨਹੀਂ ਕਰਨਾ ਚਾਹੀਦਾ. ਕਿਸੇ ਵੀ ਕੰਮ ਅਤੇ ਕੰਮ ਦੇ ਲਈ ਬਹੁਤ ਕੁਝ ਹੈ ਕੈਲਿਲ ਡੋਲਰ ਈਓ ਫੁਗਿਆਟ ਹਾਰਸ ਪੈਰੀਓਟ ਤੋਂ ਬਾਹਰ. </ P> </ div> <p> ਕਾਲਮ ਵਿੱਚ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਉਹਨਾਂ ਦੀ ਜਾਂਚ ਦੌਰਾਨ ਉਹਨਾਂ ਨੂੰ ਵਧੇਰੇ ਦ੍ਰਿਸ਼ਮਾਨ ਬਣਾਉਂਦਾ ਹੈ CSS ਇਸ ਤਰਾਂ ਦਿੱਸਦਾ ਹੈ: </p> #container # col1 {width: 250px; ਫਲੋਟ: ਖੱਬੇ; } #container # col2outer {width: 610px; ਫਲੋਟ: ਸੱਜੇ; ਹਾਸ਼ੀਆ: 0; ਪੈਡਿੰਗ: 0; } <p> ਖੱਬੀ ਖੱਬੇ ਪਾਸੇ ਦਾ ਥੰਮ੍ਹ ਖੱਬੇ ਪਾਸੇ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ, ਜਦੋਂ ਕਿ ਦੂਜੇ ਸੱਜੇ ਪਾਸੇ ਚਲਦੇ ਹਨ. ਕਿਉਂਕਿ ਦੋਵੇਂ ਕਾਲਮਾਂ ਦੀ ਕੁੱਲ ਚੌੜਾਈ 860px ਹੁੰਦੀ ਹੈ, ਉਹਨਾਂ ਦੇ ਵਿਚਕਾਰ ਇੱਕ 10 ਪੈਕਸ ਗਟਰ ਹੁੰਦਾ ਹੈ. </p> <p> <strong>06 ਦਾ 09</strong> </p> <h3> ਵਾਈਡ ਦੂਜੀ ਕਾਲਮ ਅੰਦਰ ਦੋ ਕਾਲਮ ਸ਼ਾਮਲ ਕਰੋ </h3><p> ਤਿੰਨ ਕਾਲਮ ਬਣਾਉਣ ਲਈ, ਦੋ ਭਾਗਾਂ ਨੂੰ ਚੌੜਾ ਦੂਜਾ ਕਾਲਮ ਦੇ ਅੰਦਰ ਜੋੜੋ, ਜਿਵੇਂ ਕਿ ਤੁਸੀਂ ਆਖਰੀ ਪਗ ਵਿੱਚ ਕੰਟੇਨਰ ਕਾਲਮ ਦੇ ਅੰਦਰ 2 ਡਿਵੀਜ਼ ਜੋੜਿਆ ਸੀ. HTML ਇਸ ਤਰਾਂ ਦਿੱਸਦਾ ਹੈ: </p> <div id = "col2outer"> <div id = "col2mid"> <p> ਕਿਸੇ ਵੀ ਥਾਂ ਤੇ ਜਾਣ ਲਈ, ਪਰ ਉਨ੍ਹਾਂ ਨੂੰ ਕਿਸੇ ਵੀ ਸਮੇਂ ਕੋਈ ਕੰਮ ਨਹੀਂ ਕਰਨਾ ਚਾਹੀਦਾ. ਕਿਸੇ ਵੀ ਕੰਮ ਅਤੇ ਕੰਮ ਦੇ ਲਈ ਬਹੁਤ ਕੁਝ ਹੈ ਇਸ ਦੇ ਲਈ ਇਹ ਬਹੁਤ ਜ਼ਰੂਰੀ ਹੈ ਕਿ ਉਹ ਤੁਹਾਡੇ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਹੈ. </ P> </ div> <div id = "col2side"> <p> ਇਹ ਸਮੇਂ ਲਈ ਮੁਫ਼ਤ ਹੈ, ਗਰੀਬ ਲੋਕਾਂ ਨੂੰ ਕਿਰਿਆਸ਼ੀਲਤਾ ਦੀ ਉਮੀਦ ਹੈ ਇਹ ਹੁਣੇ ਹੁਣੇ ਬਹੁਤ ਹੀ ਵਧੀਆ ਢੰਗ ਨਾਲ ਤਿਆਰ ਕੀਤਾ ਗਿਆ ਹੈ, ਪਰ ਇਸ ਨੂੰ ਮਜ਼ਦੂਰ ਅਤੇ ਡੋਲਰ ਵਜੋਂ ਲਿਆਉਣ ਲਈ ਹਰ ਸਮੇਂ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦਾ ਹੈ. </ P> </ div> </ div> <p> ਅਤੇ CSS ਇਸ ਤਰਾਂ ਦਿੱਸਦਾ ਹੈ: </p> # col2outer # col2mid {ਚੌੜਾਈ: 300px; ਫਲੋਟ: ਖੱਬੇ; } # col2outer # col2side {ਚੌੜਾਈ: 300 ਪੈਕਸ; ਫਲੋਟ: ਸੱਜੇ; } <p> ਕਿਉਂਕਿ ਇਹ ਦੋ 300 ਪੈਕਸ ਚੌੜਾਈ ਬਕਸੇ ਇੱਕ 610 ਪੈਕਸ ਚੌੜੇ ਬਾਕਸ ਦੇ ਅੰਦਰ ਹਨ, ਇਸ ਤੋਂ ਬਾਅਦ ਇਕ ਵਾਰ ਫਿਰ 10px ਗੱਟਰ ਹੋਣਗੇ. </p> <p> <strong>07 ਦੇ 09</strong> </p> <h3> ਫੁੱਟਰ ਵਿੱਚ ਜੋੜੋ </h3><p> ਹੁਣ ਬਾਕੀ ਸਾਰੇ ਪੇਜ ਨੂੰ ਸਟਾਇਲ ਕੀਤਾ ਗਿਆ ਹੈ, ਤੁਸੀਂ ਫੁੱਟਰ ਵਿੱਚ ਜੋੜ ਸਕਦੇ ਹੋ. "ਫੁੱਟਰ" id ਨਾਲ ਇੱਕ ਆਖਰੀ ਡੀਵੀ ਵਰਤੋ ਅਤੇ ਸਮੱਗਰੀ ਜੋੜੋ ਤਾਂ ਜੋ ਤੁਸੀਂ ਇਸਨੂੰ ਦੇਖ ਸਕੋ. ਤੁਸੀਂ ਸਿਖਰ 'ਤੇ ਇੱਕ ਬਾਰਡਰ ਵੀ ਜੋੜ ਸਕਦੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਪਤਾ ਲੱਗੇਗਾ ਕਿ ਇਹ ਕਿੱਥੇ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ. </p> <p> HTML: </p> <div id = "footer"> <p> ਕਾਪੀਰਾਈਟ © 2017 </ p> </ div> <p> CSS: </p> #container #footer {ਫਲੋਟ: ਖੱਬੇ; ਚੌੜਾਈ: 870 ਪੈਕਸ; ਸੀਮਾ-ਚੋਟੀ: # c00 ਠੋਸ 3px; } <p> <strong>08 ਦੇ 09</strong> </p> <h3> ਆਪਣੀ ਨਿੱਜੀ ਸ਼ੈਲੀ ਅਤੇ ਸਮਗਰੀ ਵਿੱਚ ਜੋੜੋ </h3><p> ਹੁਣ ਤੁਹਾਡੇ ਕੋਲ ਲੇਆਉਟ ਪੂਰਾ ਹੋ ਗਿਆ ਹੈ, ਤੁਸੀਂ ਆਪਣੀਆਂ ਨਿੱਜੀ ਸਟਾਈਲ ਅਤੇ ਸਮੱਗਰੀ ਨੂੰ ਜੋੜਨਾ ਸ਼ੁਰੂ ਕਰ ਸਕਦੇ ਹੋ ਯਾਦ ਰੱਖੋ ਕਿ ਖਾਕਾ ਸ਼ੈਕਸ਼ਨ ਨੂੰ ਦਿਖਾਉਣ ਲਈ ਸਿਰਲੇਖ ਅਤੇ ਪਦਲੇਰ ਦੀਆਂ ਬਾਰਡਰ ਸ਼ਾਮਲ ਨਹੀਂ ਕੀਤੇ ਗਏ ਸਨ, ਖਾਸਤੌਰ ਤੇ ਡਿਜ਼ਾਇਨ ਲਈ. </p> <p> <strong>09 ਦਾ 09</strong> </p> <h3> ਅੰਤਮ HTML / CSS </h3><p> ਇੱਥੇ ਪੂਰਾ ਦਸਤਾਵੇਜ਼ ਹੈ, HTML ਅਤੇ CSS: </p> <! DOCTYPE HTML ਪਬਲਿਕ "- // W3C // DTD ਐਕਸਐਚਐਚਐਫਐਲ 1.0 ਟਰਾਂਸ਼ਿਅਲ // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http : //www.w3.org/1999/xhtml "> <head> <meta http-equiv =" ਸਮਗਰੀ-ਕਿਸਮ "ਸਮੱਗਰੀ =" ਪਾਠ / html; charset = utf-8 "/> <title> ਬਿਨਾਂ ਸਿਰਲੇਖ ਦਸਤਾਵੇਜ਼ </ ਸਿਰਲੇਖ> <style type = "text / css"> html, body {margin: 0px; ਪੈਡਿੰਗ: 0 ਪੈਕਸ; ਬਾਰਡਰ: 0 ਪੈਕਸ; } #container {width: 870px; ਹਾਸ਼ੀਆ: 0 0 0 20 ਪੈਕਸ; / * ਉੱਪਰ ਸੱਜੇ ਥੱਲੇ ਖੱਬੇ * / ਚਿਣੋ: 0; ਬੈਕਗ੍ਰਾਉਂਡ-ਰੰਗ: #fff; } # ਕੰਟੇਨਰ h1 {ਹਾਸ਼ੀਆ: 0; ਪੈਡਿੰਗ: 0; ਚੌੜਾਈ: 100%; ਉਚਾਈ: 150px; ਫਲੋਟ: ਖੱਬੇ; ਸੀਮਾ-ਹੇਠਾਂ: # c00 ਠੋਸ 3px; } #container # col1 {width: 250px; ਫਲੋਟ: ਖੱਬੇ; } #container # col2outer {width: 610px; ਫਲੋਟ: ਸੱਜੇ; ਹਾਸ਼ੀਆ: 0; ਪੈਡਿੰਗ: 0; } # col2outer # col2mid {width: 300px; ਫਲੋਟ: ਖੱਬੇ; } # col2outer # col2side {ਚੌੜਾਈ: 300 ਪੈਕਸ; ਫਲੋਟ: ਸੱਜੇ; } #container #footer {ਫਲੋਟ: ਖੱਬੇ; ਚੌੜਾਈ: 870 ਪੈਕਸ; ਸੀਮਾ-ਚੋਟੀ: # c00 ਠੋਸ 3px; } </ style> </ head> <body> <div id = "container"> <h1> ਮੇਰੇ ਸਿਰਲੇਖ ਦੀ ਕਤਾਰ </ h1> <div id = "col1"> <p> ਇਸ ਤੋਂ ਬਾਹਰ ਆਉਣ ਤੋਂ ਬਚਣ ਲਈ. </ <p> </ div> <div id = "col2outer"> <div id = "col2mid"> <p> ਕਿਸੇ ਵੀ ਥਾਂ ਲਈ. </ p> </ div> <div id = "col2side"> <p> ਕਾਪੀਰਾਈਟ © 2008 </ p> </ div> </ div> </ body> </ html> </ div> </ div> </ div> <div> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://pa.eyewated.com/css-%E0%A8%A8%E0%A8%BE%E0%A8%B2-xml-%E0%A8%B5%E0%A8%B0%E0%A8%A4%E0%A9%8B-%E0%A8%95%E0%A8%BF%E0%A8%B5%E0%A9%87%E0%A8%82-%E0%A8%95%E0%A8%B0%E0%A9%80%E0%A8%8F/"> <amp-img src="https://exse.eyewated.com/pict/9c85ee5d99d440a0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/css-%E0%A8%A8%E0%A8%BE%E0%A8%B2-xml-%E0%A8%B5%E0%A8%B0%E0%A8%A4%E0%A9%8B-%E0%A8%95%E0%A8%BF%E0%A8%B5%E0%A9%87%E0%A8%82-%E0%A8%95%E0%A8%B0%E0%A9%80%E0%A8%8F/">CSS ਨਾਲ XML ਵਰਤੋ ਕਿਵੇਂ ਕਰੀਏ</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/css-%E0%A8%B2%E0%A8%BE%E0%A8%88%E0%A8%A8-%E0%A8%B8%E0%A8%AA%E0%A9%87%E0%A8%B8%E0%A8%BF%E0%A9%B0%E0%A8%97/">CSS ਲਾਈਨ ਸਪੇਸਿੰਗ</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/css-%E0%A8%B5%E0%A8%BF%E0%A9%B1%E0%A8%9A-%E0%A8%A1%E0%A8%BF%E0%A8%B8%E0%A8%AA%E0%A8%B2%E0%A9%87-%E0%A8%95%E0%A9%8B%E0%A8%88-%E0%A8%A8%E0%A8%B9%E0%A9%80%E0%A8%82-%E0%A8%85%E0%A8%A4%E0%A9%87/"> <amp-img src="https://exse.eyewated.com/pict/75b8a97b6ad9352e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/css-%E0%A8%B5%E0%A8%BF%E0%A9%B1%E0%A8%9A-%E0%A8%A1%E0%A8%BF%E0%A8%B8%E0%A8%AA%E0%A8%B2%E0%A9%87-%E0%A8%95%E0%A9%8B%E0%A8%88-%E0%A8%A8%E0%A8%B9%E0%A9%80%E0%A8%82-%E0%A8%85%E0%A8%A4%E0%A9%87/">CSS ਵਿੱਚ "ਡਿਸਪਲੇ: ਕੋਈ ਨਹੀਂ" ਅਤੇ "ਦ੍ਰਿਸ਼ਟੀ: ਲੁਕਿਆ" ਵਿਚਕਾਰ ਫਰਕ</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/css-%E0%A8%A8%E0%A8%BE%E0%A8%B2-%E0%A8%B8%E0%A8%9F%E0%A8%BE%E0%A8%88%E0%A8%B2-%E0%A8%AB%E0%A8%BE%E0%A8%B0%E0%A8%AE/"> <amp-img src="https://exse.eyewated.com/pict/0320e721afe934a1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/css-%E0%A8%A8%E0%A8%BE%E0%A8%B2-%E0%A8%B8%E0%A8%9F%E0%A8%BE%E0%A8%88%E0%A8%B2-%E0%A8%AB%E0%A8%BE%E0%A8%B0%E0%A8%AE/">CSS ਨਾਲ ਸਟਾਈਲ ਫਾਰਮ</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%AB%E0%A9%8C%E0%A8%82%E0%A8%9F-%E0%A8%9F%E0%A9%88%E0%A8%97-%E0%A8%B5%E0%A8%B0%E0%A8%B8-%E0%A8%95%E0%A9%88%E0%A8%B8%E0%A8%95%E0%A9%87%E0%A8%A1%E0%A8%BF%E0%A9%B0%E0%A8%97/"> <amp-img src="https://exse.eyewated.com/pict/6d2b7e25b9f23181-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%AB%E0%A9%8C%E0%A8%82%E0%A8%9F-%E0%A8%9F%E0%A9%88%E0%A8%97-%E0%A8%B5%E0%A8%B0%E0%A8%B8-%E0%A8%95%E0%A9%88%E0%A8%B8%E0%A8%95%E0%A9%87%E0%A8%A1%E0%A8%BF%E0%A9%B0%E0%A8%97/">ਫੌਂਟ ਟੈਗ ਵਰਸ ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ (CSS)</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%95%E0%A9%80-css-%E0%A8%B5%E0%A8%BF%E0%A9%B1%E0%A8%9A-%E0%A8%AE%E0%A8%B9%E0%A9%B1%E0%A8%A4%E0%A8%B5%E0%A8%AA%E0%A9%82%E0%A8%B0%E0%A8%A8-%E0%A8%AE%E0%A8%A4%E0%A8%B2%E0%A8%AC-%E0%A8%B9%E0%A9%88/"> <amp-img src="https://exse.eyewated.com/pict/d08b62f6c7f73033-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%95%E0%A9%80-css-%E0%A8%B5%E0%A8%BF%E0%A9%B1%E0%A8%9A-%E0%A8%AE%E0%A8%B9%E0%A9%B1%E0%A8%A4%E0%A8%B5%E0%A8%AA%E0%A9%82%E0%A8%B0%E0%A8%A8-%E0%A8%AE%E0%A8%A4%E0%A8%B2%E0%A8%AC-%E0%A8%B9%E0%A9%88/">ਕੀ CSS ਵਿੱਚ ਮਹੱਤਵਪੂਰਨ ਮਤਲਬ ਹੈ?</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%A4%E0%A9%81%E0%A8%B8%E0%A9%80%E0%A8%82-css-%E0%A8%AE%E0%A9%80%E0%A8%A1%E0%A9%80%E0%A8%86-%E0%A8%B8%E0%A8%B5%E0%A8%BE%E0%A8%B2-%E0%A8%95%E0%A8%BF%E0%A8%B5%E0%A9%87%E0%A8%82/"> <amp-img src="https://exse.eyewated.com/pict/4494c19ed3012f92-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%A4%E0%A9%81%E0%A8%B8%E0%A9%80%E0%A8%82-css-%E0%A8%AE%E0%A9%80%E0%A8%A1%E0%A9%80%E0%A8%86-%E0%A8%B8%E0%A8%B5%E0%A8%BE%E0%A8%B2-%E0%A8%95%E0%A8%BF%E0%A8%B5%E0%A9%87%E0%A8%82/">ਤੁਸੀਂ CSS ਮੀਡੀਆ ਸਵਾਲ ਕਿਵੇਂ ਲਿਖੋਗੇ?</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%87%E0%A8%95-%E0%A8%90%E0%A8%9A%E0%A8%90%E0%A8%AE%E0%A8%90%E0%A8%B2-%E0%A8%90%E0%A8%B2%E0%A9%80%E0%A8%AE%E0%A9%88%E0%A8%82%E0%A8%9F-%E0%A8%A6%E0%A9%80-%E0%A8%89%E0%A8%9A%E0%A8%BE%E0%A8%88/">ਇਕ ਐਚਐਮਐਲ ਐਲੀਮੈਂਟ ਦੀ ਉਚਾਈ ਨੂੰ 100% ਸੈਟ ਕਰਨ ਲਈ CSS ਦਾ ਇਸਤੇਮਾਲ ਕਿਵੇਂ ਕਰਨਾ ਹੈ</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%9A%E0%A8%BF%E0%A9%B1%E0%A8%A4%E0%A8%B0%E0%A8%BE%E0%A8%82-%E0%A8%A6%E0%A9%87-%E0%A8%A8%E0%A8%BE%E0%A8%B2-css-%E0%A8%A6%E0%A8%BE-%E0%A8%87%E0%A8%B8%E0%A8%A4%E0%A9%87%E0%A8%AE%E0%A8%BE%E0%A8%B2/"> <amp-img src="https://exse.eyewated.com/pict/5175693e7b5d3edb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%9A%E0%A8%BF%E0%A9%B1%E0%A8%A4%E0%A8%B0%E0%A8%BE%E0%A8%82-%E0%A8%A6%E0%A9%87-%E0%A8%A8%E0%A8%BE%E0%A8%B2-css-%E0%A8%A6%E0%A8%BE-%E0%A8%87%E0%A8%B8%E0%A8%A4%E0%A9%87%E0%A8%AE%E0%A8%BE%E0%A8%B2/">ਚਿੱਤਰਾਂ ਦੇ ਨਾਲ CSS ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%AA%E0%A8%B2%E0%A9%87%E0%A8%85%E0%A8%B8%E0%A8%9F%E0%A9%87%E0%A8%B8%E0%A8%BC%E0%A8%A8-vr-%E0%A8%89%E0%A8%B9-%E0%A8%B8%E0%A8%AD-%E0%A8%95%E0%A9%81%E0%A8%9D-%E0%A8%9C%E0%A9%8B/"> <amp-img src="https://exse.eyewated.com/pict/5ec1d5c895833438-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%AA%E0%A8%B2%E0%A9%87%E0%A8%85%E0%A8%B8%E0%A8%9F%E0%A9%87%E0%A8%B8%E0%A8%BC%E0%A8%A8-vr-%E0%A8%89%E0%A8%B9-%E0%A8%B8%E0%A8%AD-%E0%A8%95%E0%A9%81%E0%A8%9D-%E0%A8%9C%E0%A9%8B/">ਪਲੇਅਸਟੇਸ਼ਨ VR: ਉਹ ਸਭ ਕੁਝ ਜੋ ਤੁਹਾਨੂੰ ਜਾਣਨਾ ਚਾਹੀਦਾ ਹੈ</a></h3> <div class="amp-related-meta"> ਗੇਮਿੰਗ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%95%E0%A9%88%E0%A8%AE%E0%A8%AC%E0%A9%8D%E0%A8%B0%E0%A8%BF%E0%A8%9C-%E0%A8%86%E0%A8%A1%E0%A9%80%E0%A8%93-%E0%A8%A1%E0%A9%88%E0%A8%B8%E0%A9%80%E0%A8%AE%E0%A9%88%E0%A8%97%E0%A8%BF%E0%A8%95-100/"> <amp-img src="https://exse.eyewated.com/pict/504ef218aa703610-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%95%E0%A9%88%E0%A8%AE%E0%A8%AC%E0%A9%8D%E0%A8%B0%E0%A8%BF%E0%A8%9C-%E0%A8%86%E0%A8%A1%E0%A9%80%E0%A8%93-%E0%A8%A1%E0%A9%88%E0%A8%B8%E0%A9%80%E0%A8%AE%E0%A9%88%E0%A8%97%E0%A8%BF%E0%A8%95-100/">ਕੈਮਬ੍ਰਿਜ ਆਡੀਓ ਡੈਸੀਮੈਗਿਕ 100 ਡਿਜੀਟਲ-ਟੂ-ਐਨਾਲਾਗ ਕੰਨਵਰਟਰ ਰਿਵਿਊ</a></h3> <div class="amp-related-meta"> ਉਤਪਾਦ ਸਮੀਖਿਆ </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/stop-0x00000017-%E0%A8%97%E0%A8%B2%E0%A8%A4%E0%A9%80%E0%A8%86%E0%A8%82-%E0%A8%A8%E0%A9%82%E0%A9%B0-%E0%A8%AB%E0%A8%BF%E0%A8%95%E0%A8%B8-%E0%A8%95%E0%A8%B0%E0%A8%A8-%E0%A8%B2%E0%A8%88/">STOP 0x00000017 ਗਲਤੀਆਂ ਨੂੰ ਫਿਕਸ ਕਰਨ ਲਈ ਕਿਵੇਂ</a></h3> <div class="amp-related-meta"> ਵਿੰਡੋਜ਼ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/darbee-dvp-5100cie-%E0%A8%B5%E0%A9%80%E0%A8%A1%E0%A9%80%E0%A8%93-%E0%A8%AA%E0%A9%8D%E0%A8%B0%E0%A9%8B%E0%A8%B8%E0%A9%88%E0%A8%B8%E0%A8%B0-%E0%A8%A6%E0%A9%80-%E0%A8%87%E0%A9%B1%E0%A8%95/"> <amp-img src="https://exse.eyewated.com/pict/a627f9e627fe3750-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/darbee-dvp-5100cie-%E0%A8%B5%E0%A9%80%E0%A8%A1%E0%A9%80%E0%A8%93-%E0%A8%AA%E0%A9%8D%E0%A8%B0%E0%A9%8B%E0%A8%B8%E0%A9%88%E0%A8%B8%E0%A8%B0-%E0%A8%A6%E0%A9%80-%E0%A8%87%E0%A9%B1%E0%A8%95/">Darbee DVP-5100CIE ਵੀਡੀਓ ਪ੍ਰੋਸੈਸਰ ਦੀ ਇੱਕ ਸੰਖੇਪ ਜਾਣਕਾਰੀ</a></h3> <div class="amp-related-meta"> ਗਾਈਡ ਖ਼ਰੀਦਣਾ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%95%E0%A8%BF%E0%A8%B8-%E0%A8%AE%E0%A9%81%E0%A8%AB%E0%A8%BC%E0%A8%A4-%E0%A8%B2%E0%A8%88-itunes-%E0%A8%A4%E0%A9%B1%E0%A8%95-%E0%A8%96%E0%A8%B0%E0%A9%80%E0%A8%A6%E0%A8%BF%E0%A8%86/"> <amp-img src="https://exse.eyewated.com/pict/387fe167f66136f5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%95%E0%A8%BF%E0%A8%B8-%E0%A8%AE%E0%A9%81%E0%A8%AB%E0%A8%BC%E0%A8%A4-%E0%A8%B2%E0%A8%88-itunes-%E0%A8%A4%E0%A9%B1%E0%A8%95-%E0%A8%96%E0%A8%B0%E0%A9%80%E0%A8%A6%E0%A8%BF%E0%A8%86/">ਕਿਸ ਮੁਫ਼ਤ ਲਈ iTunes ਤੱਕ ਖਰੀਦਿਆ ਗੀਤ Redownload ਕਰਨ ਲਈ</a></h3> <div class="amp-related-meta"> ਆਈਫੋਨ ਅਤੇ ਆਈਪੌਡ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/mskeyviewer-%E0%A8%AA%E0%A8%B2%E0%A9%B1%E0%A8%B8-v2-5-0/"> <amp-img src="https://exse.eyewated.com/pict/fb76afc692303457-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/mskeyviewer-%E0%A8%AA%E0%A8%B2%E0%A9%B1%E0%A8%B8-v2-5-0/">MSKeyViewer ਪਲੱਸ v2.5.0</a></h3> <div class="amp-related-meta"> ਸਾਫਟਵੇਅਰ ਅਤੇ ਐਪਸ </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/dns-%E0%A8%AC%E0%A8%B2%E0%A9%88%E0%A8%95%E0%A8%B2%E0%A8%BF%E0%A8%B8%E0%A8%9F%E0%A8%B8-%E0%A8%A4%E0%A9%87-%E0%A8%B8%E0%A8%BC%E0%A9%B1%E0%A8%95%E0%A9%80-ip/">DNS ਬਲੈਕਲਿਸਟਸ ਤੇ ਸ਼ੱਕੀ IP ਐਡਰੈੱਸ ਦੇਖੋ</a></h3> <div class="amp-related-meta"> ਇੰਟਰਨੈਟ ਅਤੇ ਨੈਟਵਰਕ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%9F%E0%A9%80%E0%A8%AE-%E0%A8%B8%E0%A8%AA%E0%A9%80%E0%A8%95%E0%A8%B0-%E0%A8%B0%E0%A9%80%E0%A8%B5%E0%A8%BF%E0%A8%8A/"> <amp-img src="https://exse.eyewated.com/pict/16cd45a9a6b72f34-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%9F%E0%A9%80%E0%A8%AE-%E0%A8%B8%E0%A8%AA%E0%A9%80%E0%A8%95%E0%A8%B0-%E0%A8%B0%E0%A9%80%E0%A8%B5%E0%A8%BF%E0%A8%8A/">ਟੀਮ ਸਪੀਕਰ ਰੀਵਿਊ</a></h3> <div class="amp-related-meta"> ਈਮੇਲ ਅਤੇ ਮੈਸੇਿਜੰਗ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%AD%E0%A9%87%E0%A8%9C%E0%A8%A3-%E0%A8%B5%E0%A8%BE%E0%A8%B2%E0%A8%BF%E0%A8%86%E0%A8%82-%E0%A8%A8%E0%A9%82%E0%A9%B0-%E0%A8%A6%E0%A9%B1%E0%A8%B8%E0%A9%8B-%E0%A8%95%E0%A8%BF/"> <amp-img src="https://exse.eyewated.com/pict/744f553f0e1733d9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%AD%E0%A9%87%E0%A8%9C%E0%A8%A3-%E0%A8%B5%E0%A8%BE%E0%A8%B2%E0%A8%BF%E0%A8%86%E0%A8%82-%E0%A8%A8%E0%A9%82%E0%A9%B0-%E0%A8%A6%E0%A9%B1%E0%A8%B8%E0%A9%8B-%E0%A8%95%E0%A8%BF/">ਭੇਜਣ ਵਾਲਿਆਂ ਨੂੰ ਦੱਸੋ ਕਿ ਉਹਨਾਂ ਦਾ ਈਮੇਲ ਪ੍ਰਾਪਤ ਹੋਇਆ ਸੀ</a></h3> <div class="amp-related-meta"> ਈਮੇਲ ਅਤੇ ਮੈਸੇਿਜੰਗ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%AB%E0%A9%8C%E0%A8%82%E0%A8%9F-%E0%A8%9F%E0%A9%88%E0%A8%97-%E0%A8%B5%E0%A8%B0%E0%A8%B8-%E0%A8%95%E0%A9%88%E0%A8%B8%E0%A8%95%E0%A9%87%E0%A8%A1%E0%A8%BF%E0%A9%B0%E0%A8%97/"> <amp-img src="https://exse.eyewated.com/pict/6d2b7e25b9f23181-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%AB%E0%A9%8C%E0%A8%82%E0%A8%9F-%E0%A8%9F%E0%A9%88%E0%A8%97-%E0%A8%B5%E0%A8%B0%E0%A8%B8-%E0%A8%95%E0%A9%88%E0%A8%B8%E0%A8%95%E0%A9%87%E0%A8%A1%E0%A8%BF%E0%A9%B0%E0%A8%97/">ਫੌਂਟ ਟੈਗ ਵਰਸ ਕੈਸਕੇਡਿੰਗ ਸਟਾਈਲ ਸ਼ੀਟਸ (CSS)</a></h3> <div class="amp-related-meta"> ਵੈਬ ਡਿਜ਼ਾਈਨ ਅਤੇ ਦੇਵ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%B5%E0%A8%BE%E0%A8%9A-%E0%A8%AE%E0%A9%81%E0%A8%AB%E0%A8%A4-%E0%A8%B9%E0%A8%BE%E0%A8%88-%E0%A8%A1%E0%A9%88%E0%A8%AB%E0%A9%80%E0%A8%A8%E0%A9%87%E0%A8%B8%E0%A8%BC%E0%A8%A8/"> <amp-img src="https://exse.eyewated.com/pict/1293da2692a0381d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%B5%E0%A8%BE%E0%A8%9A-%E0%A8%AE%E0%A9%81%E0%A8%AB%E0%A8%A4-%E0%A8%B9%E0%A8%BE%E0%A8%88-%E0%A8%A1%E0%A9%88%E0%A8%AB%E0%A9%80%E0%A8%A8%E0%A9%87%E0%A8%B8%E0%A8%BC%E0%A8%A8/">ਵਾਚ ਮੁਫਤ ਹਾਈ ਡੈਫੀਨੇਸ਼ਨ (ਐਚਡੀ) ਪ੍ਰੋਗਰਾਮਿੰਗ</a></h3> <div class="amp-related-meta"> ਹੋਮ ਥੀਏਟਰ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%95%E0%A9%80-%E0%A8%A4%E0%A9%81%E0%A8%B9%E0%A8%BE%E0%A8%A1%E0%A8%BE-%E0%A8%9F%E0%A9%88%E0%A8%82%E0%A8%A1%E0%A8%B0-%E0%A8%AE%E0%A9%88%E0%A8%9A/"> <amp-img src="https://exse.eyewated.com/pict/4da68546809838f7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%95%E0%A9%80-%E0%A8%A4%E0%A9%81%E0%A8%B9%E0%A8%BE%E0%A8%A1%E0%A8%BE-%E0%A8%9F%E0%A9%88%E0%A8%82%E0%A8%A1%E0%A8%B0-%E0%A8%AE%E0%A9%88%E0%A8%9A/">ਕੀ ਤੁਹਾਡਾ ਟੈਂਡਰ ਮੈਚ ਘੁਟਾਲਾ ਬੋਟ ਹੋ ਸਕਦਾ ਹੈ?</a></h3> <div class="amp-related-meta"> ਵੈੱਬ ਅਤੇ ਖੋਜ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%88%E0%A8%AA%E0%A8%B8%E0%A8%A8-%E0%A8%A6%E0%A9%80-%E0%A8%AA%E0%A8%B0%E0%A8%AB%E0%A8%BE%E0%A8%88%E0%A8%B5%E0%A9%87%E0%A8%B8%E0%A8%BC%E0%A8%A8-v550-%E0%A8%AB%E0%A9%8B%E0%A8%9F%E0%A9%8B/"> <amp-img src="https://exse.eyewated.com/pict/22a06f0218be338e-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%88%E0%A8%AA%E0%A8%B8%E0%A8%A8-%E0%A8%A6%E0%A9%80-%E0%A8%AA%E0%A8%B0%E0%A8%AB%E0%A8%BE%E0%A8%88%E0%A8%B5%E0%A9%87%E0%A8%B8%E0%A8%BC%E0%A8%A8-v550-%E0%A8%AB%E0%A9%8B%E0%A8%9F%E0%A9%8B/">ਈਪਸਨ ਦੀ ਪਰਫਾਈਵੇਸ਼ਨ V550 ਫੋਟੋ ਰੰਗ ਸਕੈਨਰ</a></h3> <div class="amp-related-meta"> ਉਤਪਾਦ ਸਮੀਖਿਆ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%B5%E0%A8%BE%E0%A8%88-%E0%A8%AB%E0%A8%BE%E0%A8%88-%E0%A8%B5%E0%A8%BE%E0%A8%87%E0%A8%B0%E0%A8%B2%E0%A9%88%E0%A9%B1%E0%A8%B8-%E0%A8%90%E0%A8%82%E0%A8%9F%E0%A9%87%E0%A8%A8%E0%A9%88%E0%A8%B8/"> <amp-img src="https://exse.eyewated.com/pict/deb6c8bb75d12f44-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%B5%E0%A8%BE%E0%A8%88-%E0%A8%AB%E0%A8%BE%E0%A8%88-%E0%A8%B5%E0%A8%BE%E0%A8%87%E0%A8%B0%E0%A8%B2%E0%A9%88%E0%A9%B1%E0%A8%B8-%E0%A8%90%E0%A8%82%E0%A8%9F%E0%A9%87%E0%A8%A8%E0%A9%88%E0%A8%B8/">ਵਾਈ-ਫਾਈ ਵਾਇਰਲੈੱਸ ਐਂਟੇਨੈਸ ਨਾਲ ਜਾਣ ਪਛਾਣ</a></h3> <div class="amp-related-meta"> ਇੰਟਰਨੈਟ ਅਤੇ ਨੈਟਵਰਕ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/wearnes-%E0%A8%B8%E0%A8%AE%E0%A8%B0%E0%A8%A5%E0%A8%A8/"> <amp-img src="https://exse.eyewated.com/pict/a94b8cd8223132ae-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/wearnes-%E0%A8%B8%E0%A8%AE%E0%A8%B0%E0%A8%A5%E0%A8%A8/">WEARNES ਸਮਰਥਨ</a></h3> <div class="amp-related-meta"> ਵਧੇਰੇ ਸਹਾਇਤਾ ਪ੍ਰਾਪਤ ਕਰਨਾ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%B2%E0%A8%B5%E0%A9%B0%E0%A8%A1%E0%A8%B0-%E0%A8%B0%E0%A9%B0%E0%A8%97-%E0%A8%85%E0%A8%B0%E0%A8%A5/"> <amp-img src="https://exse.eyewated.com/pict/d60687f5ca0d2fdd-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%B2%E0%A8%B5%E0%A9%B0%E0%A8%A1%E0%A8%B0-%E0%A8%B0%E0%A9%B0%E0%A8%97-%E0%A8%85%E0%A8%B0%E0%A8%A5/">ਲਵੰਡਰ ਰੰਗ ਅਰਥ</a></h3> <div class="amp-related-meta"> ਸਾਫਟਵੇਅਰ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%B8%E0%A9%88%E0%A8%B2-%E0%A8%AB%E0%A8%BC%E0%A9%8B%E0%A8%A8-%E0%A8%A8%E0%A9%B0%E0%A8%AC%E0%A8%B0-%E0%A8%AA%E0%A8%BE%E0%A8%B0%E0%A8%95%E0%A8%BF%E0%A9%B0%E0%A8%97/"> <amp-img src="https://exse.eyewated.com/pict/64902b473f4f33ab-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%B8%E0%A9%88%E0%A8%B2-%E0%A8%AB%E0%A8%BC%E0%A9%8B%E0%A8%A8-%E0%A8%A8%E0%A9%B0%E0%A8%AC%E0%A8%B0-%E0%A8%AA%E0%A8%BE%E0%A8%B0%E0%A8%95%E0%A8%BF%E0%A9%B0%E0%A8%97/">ਸੈਲ ਫ਼ੋਨ ਨੰਬਰ ਪਾਰਕਿੰਗ: ਆਪਣਾ ਨੰਬਰ ਕਿਵੇਂ ਫੜਿਆ ਜਾਵੇ</a></h3> <div class="amp-related-meta"> ਛੁਪਾਓ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%B5%E0%A8%BF%E0%A9%B0%E0%A8%A1%E0%A9%8B%E0%A8%9C%E0%A8%BC-%E0%A8%B2%E0%A8%88-%E0%A8%AE%E0%A9%88%E0%A8%95%E0%A8%B8%E0%A8%A5%E0%A8%A8-%E0%A8%B5%E0%A8%BF%E0%A8%9A/"> <amp-img src="https://exse.eyewated.com/pict/21f0c90cf21e383a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%B5%E0%A8%BF%E0%A9%B0%E0%A8%A1%E0%A9%8B%E0%A8%9C%E0%A8%BC-%E0%A8%B2%E0%A8%88-%E0%A8%AE%E0%A9%88%E0%A8%95%E0%A8%B8%E0%A8%A5%E0%A8%A8-%E0%A8%B5%E0%A8%BF%E0%A8%9A/">ਵਿੰਡੋਜ਼ ਲਈ ਮੈਕਸਥਨ ਵਿਚ ਨਿੱਜੀ ਡਾਟਾ ਕਿਵੇਂ ਮਿਟਾਉਣਾ ਹੈ</a></h3> <div class="amp-related-meta"> ਬਰਾਊਜ਼ਰ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%9C%E0%A9%88%E0%A8%AE%E0%A8%AA-%E0%A8%B5%E0%A8%BF%E0%A8%9A-%E0%A8%AA%E0%A9%80-%E0%A8%90%E0%A9%B1%E0%A8%A8-%E0%A8%9C%E0%A9%80/"> <amp-img src="https://exse.eyewated.com/pict/c5eec460c36a34be-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%9C%E0%A9%88%E0%A8%AE%E0%A8%AA-%E0%A8%B5%E0%A8%BF%E0%A8%9A-%E0%A8%AA%E0%A9%80-%E0%A8%90%E0%A9%B1%E0%A8%A8-%E0%A8%9C%E0%A9%80/">ਜੈਮਪ ਵਿਚ ਪੀ.ਐੱਨ.ਜੀ.</a></h3> <div class="amp-related-meta"> ਸਾਫਟਵੇਅਰ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%B2%E0%A8%BF%E0%A8%A8%E0%A8%95%E0%A8%B8-%E0%A8%B5%E0%A8%BF%E0%A9%B1%E0%A8%9A-%E0%A8%87%E0%A8%A8%E0%A8%BF%E0%A8%9F-%E0%A8%95%E0%A8%AE%E0%A8%BE%E0%A8%82%E0%A8%A1/"> <amp-img src="https://exse.eyewated.com/pict/0ab80f4a0c3d334d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%B2%E0%A8%BF%E0%A8%A8%E0%A8%95%E0%A8%B8-%E0%A8%B5%E0%A8%BF%E0%A9%B1%E0%A8%9A-%E0%A8%87%E0%A8%A8%E0%A8%BF%E0%A8%9F-%E0%A8%95%E0%A8%AE%E0%A8%BE%E0%A8%82%E0%A8%A1/">ਲਿਨਕਸ ਵਿੱਚ ਇਨਿਟ ਕਮਾਂਡ ਕਿਵੇਂ ਵਰਤੀਏ</a></h3> <div class="amp-related-meta"> ਲੀਨਕਸ </div> </div> </div> <div class="amp-related-content"> <a href="https://pa.eyewated.com/%E0%A8%B8%E0%A8%BC%E0%A9%81%E0%A8%B0%E0%A9%82%E0%A8%86%E0%A8%A4-%E0%A8%95%E0%A8%B0%E0%A8%A8-%E0%A8%B5%E0%A8%BE%E0%A8%B2%E0%A8%BF%E0%A8%86%E0%A8%82-%E0%A8%B2%E0%A8%88-10-2/"> <amp-img src="https://exse.eyewated.com/pict/fb8e0b2916cc33a5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%B8%E0%A8%BC%E0%A9%81%E0%A8%B0%E0%A9%82%E0%A8%86%E0%A8%A4-%E0%A8%95%E0%A8%B0%E0%A8%A8-%E0%A8%B5%E0%A8%BE%E0%A8%B2%E0%A8%BF%E0%A8%86%E0%A8%82-%E0%A8%B2%E0%A8%88-10-2/">ਸ਼ੁਰੂਆਤ ਕਰਨ ਵਾਲਿਆਂ ਲਈ 10 ਤੇਜ਼ ਟਵਿੱਟਰ ਸੁਝਾਅ</a></h3> <div class="amp-related-meta"> ਸੋਸ਼ਲ ਮੀਡੀਆ </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://pa.eyewated.com/%E0%A8%97%E0%A9%82%E0%A8%97%E0%A8%B2-%E0%A8%B5%E0%A8%BF%E0%A8%9A-%E0%A8%87%E0%A8%95-%E0%A8%96%E0%A8%BE%E0%A8%B8-%E0%A8%A1%E0%A9%8B%E0%A8%AE%E0%A9%87%E0%A8%A8-%E0%A8%A6%E0%A9%80/">ਗੂਗਲ ਵਿਚ ਇਕ ਖਾਸ ਡੋਮੇਨ ਦੀ ਖੋਜ ਕਿਵੇਂ ਕਰੀਏ</a></h3> <div class="amp-related-meta"> ਵੈੱਬ ਅਤੇ ਖੋਜ </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 pa.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html>