ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ವಿನ್ಯಾಸ. ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೆಟ್ಗಳು. ಕಾಫಿ ಮಾರಾಟಕ್ಕಾಗಿ ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್

» ಉಚಿತ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೆಟ್ಗಳುವರ್ಡ್ಪ್ರೆಸ್ - ಟಾಪ್ 30

ಉಚಿತ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ವರ್ಡ್ಪ್ರೆಸ್ ಟೆಂಪ್ಲೇಟ್ಗಳು - TOP 30

ನಿರ್ದಿಷ್ಟವಾಗಿ, ಈ ಲೇಖನವು ಉತ್ತಮವಾದದ್ದನ್ನು ಚರ್ಚಿಸುತ್ತದೆ ಲ್ಯಾಂಡಿಂಗ್ ವರ್ಡ್ಪ್ರೆಸ್ನಿಮಗೆ ಸೂಕ್ತವಾದ ಟೆಂಪ್ಲೇಟ್‌ಗಳು. ಅವೆಲ್ಲವೂ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಮತ್ತು ವಿನ್ಯಾಸದ ಡೆಮೊ ಆವೃತ್ತಿಯನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ ಇದರಿಂದ ನೀವು ಥೀಮ್ ಅನ್ನು ಮೌಲ್ಯಮಾಪನ ಮಾಡಬಹುದು ಮತ್ತು ನೀವು ಬಯಸಿದರೆ ಅದನ್ನು ತಕ್ಷಣವೇ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು.

ಆಗಾಗ್ಗೆ, ವರ್ಡ್ಪ್ರೆಸ್ಗಾಗಿ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೆಟ್ಗಳನ್ನು ಶುಲ್ಕಕ್ಕಾಗಿ ವಿತರಿಸಲಾಗುತ್ತದೆ, ಆದರೆ ನಿಮಗಾಗಿ ನಾನು ಸಂಗ್ರಹಿಸಿದ್ದೇನೆ ಅತ್ಯುತ್ತಮ ಮತ್ತು ಉಚಿತನಿಮ್ಮ ಹುಡುಕಾಟವನ್ನು ಸುಲಭಗೊಳಿಸಲು ಈ ಲೇಖನದಲ್ಲಿ.

ಹೋಸ್ಟಿಂಗ್ 1 ಅನ್ನು ಹುಡುಕುತ್ತಿರುವವರಿಗೆ ನೀವು ಆಸಕ್ತಿ ಹೊಂದಿರಬಹುದು.

ಹೆಚ್ಚು ಶ್ರಮವಿಲ್ಲದೆಯೇ ವೆಬ್‌ಸೈಟ್ ರಚಿಸಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುವ ಒಂದು ಪುಟದ ಥೀಮ್ ಆಗಿದೆ. ಮತ್ತೊಂದೆಡೆ, ಇದು ವೃತ್ತಿಪರವಾಗಿ ಚಿತ್ರಿಸಿದ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿದೆ, ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್, ಇದು ಈ ಥೀಮ್ ಅನ್ನು "ಸುಂದರ" ಎಂದು ಕರೆಯಲು ನಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಈ ಟೆಂಪ್ಲೇಟ್ ಆರಂಭಿಕ ಮತ್ತು ಸಣ್ಣ ವ್ಯವಹಾರಗಳಿಗೆ ಸೂಕ್ತವಾಗಿದೆ.

2.

ಬಹುಕ್ರಿಯಾತ್ಮಕ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ಆಗಿದೆ. ಇದು ರೋಮಾಂಚಕ ಇಂಟರ್ಫೇಸ್, ಕ್ಲಾಸಿಕ್ ಭ್ರಂಶ ಪರಿಣಾಮ ಮತ್ತು ಥೀಮ್ ಅನ್ನು ಇನ್ನಷ್ಟು ಆನಂದದಾಯಕವಾಗಿಸುವ ಇತರ ಅನಿಮೇಷನ್‌ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ಝೆರಿಫ್ ಲೈಟ್ ಒಂದು ಕ್ರಾಸ್-ಬ್ರೌಸರ್ ಥೀಮ್ ಆಗಿದ್ದು ಅದನ್ನು ಕೋಡ್‌ನ ವಿಷಯದಲ್ಲಿಯೂ ಚೆನ್ನಾಗಿ ಬರೆಯಲಾಗಿದೆ.

3. ಅಲ್ಹೆನಾ ಲೈಟ್

Alhena Lite ಉಚಿತ ಎಂಟರ್‌ಪ್ರೈಸ್ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ಆಗಿದ್ದು ಅದು ನಿಮ್ಮ ಆನ್‌ಲೈನ್ ಸ್ಟೋರ್ ಅನ್ನು ಸುಲಭವಾಗಿ ಹೊಂದಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸಲು WooCommerce ಪ್ಲಗಿನ್‌ನೊಂದಿಗೆ ಸಂಪೂರ್ಣವಾಗಿ ಸಂಯೋಜಿಸಲ್ಪಟ್ಟಿದೆ.

4.

ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಮತ್ತು ಜನಪ್ರಿಯ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ಒಂದು ಕ್ಲೀನ್, ಸರಳ ವ್ಯಾಪಾರ ಥೀಮ್ ಆಗಿದೆ ಸುಲಭ ಸೃಷ್ಟಿಸೈಟ್.

5. ಪಾಲ್ಮಾಸ್

ಪಾಲ್ಮಾಸ್ ಎಂಬುದು ಬೆಳಕಿನ ಬಣ್ಣಗಳಲ್ಲಿ ಮಾಡಲಾದ ಆಧುನಿಕ ಥೀಮ್ ಆಗಿದೆ, ಇದು ವೈಯಕ್ತಿಕ ಅಥವಾ ಫ್ಯಾಷನ್ ಬ್ಲಾಗ್ ಅನ್ನು ಚಲಾಯಿಸಲು ಸೂಕ್ತವಾಗಿದೆ. ಈ ಟೆಂಪ್ಲೇಟ್ Yoast SEO, GravityForms, Pirate Forms, W3 ಒಟ್ಟು ಸಂಗ್ರಹ ಮತ್ತು ಇತರ ಅನೇಕ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತದೆ.

6. ಬ್ರಾಸ್ಸೆರಿ

Brasserie ಸರಳವಾದ ವರ್ಡ್ಪ್ರೆಸ್ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದ್ದು ಅದು ರೆಸ್ಟೋರೆಂಟ್, ಕೆಫೆ ಅಥವಾ ಪಾಕಶಾಲೆಯ ಸೈಟ್‌ಗೆ ಸೂಕ್ತವಾಗಿದೆ. ಅನಿಮೇಷನ್ ಪರಿಣಾಮಗಳನ್ನು ಒಳಗೊಂಡಿದೆ, ಹಾಗೆಯೇ ಒಂದು ದೊಡ್ಡ ಸಂಖ್ಯೆಯಕಾರ್ಯಶೀಲತೆ.

7.XT ಕಾರ್ಪೊರೇಟ್ ಲೈಟ್

XT ಕಾರ್ಪೊರೇಟ್ ಲೈಟ್ ಒಂದು ಸಣ್ಣ ಉತ್ಪನ್ನ ಅಥವಾ ಸೇವೆಗೆ ಸೂಕ್ತವಾದ ಸರಳ ಮತ್ತು ಕನಿಷ್ಠ ಥೀಮ್ ಆಗಿದೆ.

8.

ತಿಳಿ ಬಣ್ಣಗಳಲ್ಲಿ ಮಾಡಿದ ಆಹ್ಲಾದಕರ ಥೀಮ್ ಆಗಿದೆ. ವಿವಿಧ ಅನಿಮೇಷನ್‌ಗಳು ಮತ್ತು ದೃಷ್ಟಿ ಬೆರಗುಗೊಳಿಸುವ ಪರಿವರ್ತನೆಗಳು ಮತ್ತು ಭ್ರಂಶ ಪರಿಣಾಮವನ್ನು ಒಳಗೊಂಡಿದೆ. ಇದರ ಜೊತೆಗೆ, ಫ್ರೀಸಿಯಾ ಎಂಪೈರ್ ಬ್ರೆಡ್‌ಕ್ರಂಬ್ NavXT, WP-PageNavi, ನಂತಹ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಸಂಪರ್ಕ ಫಾರ್ಮ್ 7, WordPress.com ನಿಂದ Jetpack, ಪಾಲಿಲ್ಯಾಂಗ್, ಸುದ್ದಿಪತ್ರ, bbPress ಮತ್ತು WooCommerce.

9.

ಸಣ್ಣ ಅಥವಾ ಮಧ್ಯಮ ಗಾತ್ರದ ವ್ಯವಹಾರಗಳ ಪ್ರಸ್ತುತಿಗೆ ಸೂಕ್ತವಾದ ವಿಷಯವಾಗಿದೆ. ಲ್ಯಾಂಡಿಂಗ್ ರಚನೆಯ ಸಂಪೂರ್ಣ ನಿರ್ವಹಣೆಗಾಗಿ ಇದು ಬೃಹತ್ ಸಂಖ್ಯೆಯ ಕಾರ್ಯಗಳನ್ನು ಮತ್ತು ಆಡ್-ಆನ್ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.

10.

ಬಹಳಷ್ಟು ಕಾರ್ಯಗಳನ್ನು ಹೊಂದಿರುವ ಬಹುಮುಖ ವಿಷಯವಾಗಿದೆ. ಇದು ಹೊಂದಿಕೊಳ್ಳಬಲ್ಲದು, ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಭ್ರಂಶ ಪರಿಣಾಮದೊಂದಿಗೆ ಅನಿಮೇಟೆಡ್ ಮಾಡಲಾಗುತ್ತದೆ. ಒಂದು ಪುಟವನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಸುಲಭವಾಗಿದೆ ಮತ್ತು ನೈಜ ಸಮಯದಲ್ಲಿ ಬದಲಾವಣೆಗಳನ್ನು ವೀಕ್ಷಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಪ್ರಸ್ತುತ ಲ್ಯಾಂಡಿಂಗ್ ಥೀಮ್ ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ಮೂಲ ವರ್ಡ್ಪ್ರೆಸ್ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತದೆ.

11. ಫೋಟೋಗ್ರಾಫಿ

ಫೋಟೋಗ್ರಾಫಿ ಎನ್ನುವುದು ಛಾಯಾಗ್ರಾಹಕರು ಅಥವಾ ವಿನ್ಯಾಸಕಾರರಿಗೆ ಸೂಕ್ತವಾದ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವಾಗಿದೆ. ಸರಳತೆ ಮತ್ತು ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ಕಾರ್ಯಗಳ ಉಪಸ್ಥಿತಿಯು ಅದನ್ನು ಇನ್ನಷ್ಟು ಸ್ಕೇಲೆಬಲ್ ಮತ್ತು ಗ್ರಾಹಕೀಯಗೊಳಿಸುವಂತೆ ಮಾಡುತ್ತದೆ.

12. ಅವಿಭಾಜ್ಯ ಥೀಮ್

ಇಂಟಿಗ್ರಲ್ ಥೀಮ್ ಸೃಜನಶೀಲರು, ವ್ಯಾಪಾರ ಮಾಲೀಕರು ಅಥವಾ ಏಜೆಂಟ್‌ಗಳಿಗೆ ಸೂಕ್ತವಾದ ಒಂದು ಪುಟದ ಭ್ರಂಶ ಥೀಮ್ ಆಗಿದೆ. ಇದನ್ನು ಹೊಂದಿಸಲು ನಿಮಗೆ ಕೇವಲ ಒಂದೆರಡು ನಿಮಿಷಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ.

13. ಚೌಕ

ಚೌಕವು ಯಾವುದೇ ರೀತಿಯ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಬಳಸಬಹುದಾದ ಕನಿಷ್ಠ ವಿಷಯವಾಗಿದೆ. ಸಣ್ಣ ಮತ್ತು ಮಧ್ಯಮ ವ್ಯವಹಾರಗಳಿಗೆ ಇದು ಹೆಚ್ಚು ಸೂಕ್ತವಾಗಿದೆ. ಸ್ಕ್ವೇರ್ ಅನ್ನು ಅನೇಕ ಜನಪ್ರಿಯ ವರ್ಡ್ಪ್ರೆಸ್ ಪ್ಲಗಿನ್‌ಗಳಿಗಾಗಿ ಕಾನ್ಫಿಗರ್ ಮಾಡಲಾಗಿದೆ ಮತ್ತು ಎಸ್‌ಇಒ ಆಪ್ಟಿಮೈಸ್ ಮಾಡಲಾಗಿದೆ.

14. ಎನ್ಲೈವನ್

Enliven ಉತ್ತಮ ಗುಣಮಟ್ಟದ ಥೀಮ್ ಆಗಿದೆ. ನಾನು ಅದನ್ನು ಪ್ರೀಮಿಯಂ ಎಂದು ಕರೆಯುತ್ತೇನೆ, ಏಕೆಂದರೆ ಇದು ಒಂದು ಬಾಟಲಿಯಲ್ಲಿ ಗುಣಮಟ್ಟ ಮತ್ತು ಸೌಂದರ್ಯವನ್ನು ಸಂಯೋಜಿಸುತ್ತದೆ. ಇದು ಅನೇಕ ಜನಪ್ರಿಯ ಪ್ಲಗಿನ್‌ಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ ಮತ್ತು ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಸುಲಭವಾಗಿದೆ.

15. ಲ್ಯಾಟೆ

ಲ್ಯಾಟೆ ಛಾಯಾಗ್ರಾಹಕರಿಗೆ ಒಂದು ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಇದು ಎಲ್ಲವನ್ನೂ ಹೊಂದಿದೆ ಇದರಿಂದ ನೀವು ನಿಮ್ಮ ಪೋರ್ಟ್ಫೋಲಿಯೊವನ್ನು ಸಮರ್ಪಕವಾಗಿ ತೋರಿಸಬಹುದು, ಹಾಗೆಯೇ ನಿಮ್ಮ ಬಗ್ಗೆ ಹೇಳಬಹುದು. ಸೆಟಪ್ ಒಂದೆರಡು ಕ್ಲಿಕ್‌ಗಳಲ್ಲಿ ನಡೆಯುತ್ತದೆ.

16. ಸೋಮವಾರ

ಸೋಮವಾರವು ವ್ಯಾಪಾರ ಅಥವಾ ಸ್ವತಂತ್ರೋದ್ಯೋಗಿಗಳಿಗೆ ಸೂಕ್ತವಾದ ಸೊಗಸಾದ ವಿಷಯವಾಗಿದೆ. ಇದು ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ವೈಶಿಷ್ಟ್ಯಗಳು ಮತ್ತು ಹೆಚ್ಚುವರಿಗಳು ಮತ್ತು ಆಡ್-ಆನ್‌ಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ.

17. ಬಿಸಿನೆಸ್ ವರ್ಲ್ಡ್

ಬಿಸಿನೆಸ್ ವರ್ಲ್ಡ್ ಎನ್ನುವುದು ವ್ಯಾಪಾರ ವಿಷಯಗಳಿಗೆ ಸಂಬಂಧಿಸಿದ ಒಂದು ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಇದು ಶೈಲಿ ಮತ್ತು ಗುಣಮಟ್ಟವನ್ನು ಸಂಯೋಜಿಸುತ್ತದೆ. ವ್ಯಾಪಾರ ಪ್ರಪಂಚವನ್ನು ವೈಯಕ್ತಿಕ, ಕಾರ್ಪೊರೇಟ್ ಅಥವಾ ಛಾಯಾಗ್ರಾಹಕರ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು. ಇದರ ಸಾಮರ್ಥ್ಯಗಳು ನಿಮಗೆ ಬೇಕಾದುದನ್ನು ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

18.

- ಇದು ಆಹ್ಲಾದಕರ ವಿಷಯವಾಗಿದೆ, ಇದು ಬೆಳಕಿನ ಬಣ್ಣಗಳಲ್ಲಿ ಮಾಡಲ್ಪಟ್ಟಿದೆ. ಇದು ಸಣ್ಣ ಮತ್ತು ಮಧ್ಯಮ ಗಾತ್ರದ ವ್ಯವಹಾರಗಳಿಗೆ, ಹಾಗೆಯೇ ವೈಯಕ್ತಿಕ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಸೂಕ್ತವಾಗಿದೆ. ಅದರಲ್ಲಿ ನಿಮಗೆ ಬೇಕಾದುದನ್ನು ನೀವು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು. ಈ ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಇನ್ನಷ್ಟು ಉತ್ತಮ ಮತ್ತು ಹೆಚ್ಚು ಆಕರ್ಷಕವಾಗಿ ಮಾಡುವ ಹಲವು ವೈಶಿಷ್ಟ್ಯಗಳು ಮತ್ತು ಸೇರ್ಪಡೆಗಳಿವೆ.

19. ಒನ್ಟೋನ್

Onetone ವರ್ಡ್‌ಪ್ರೆಸ್‌ಗಾಗಿ ಒಂದು ಪುಟದ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದ್ದು ಅದು ಇಂಟರ್ನೆಟ್‌ನಲ್ಲಿ "I" ಅನ್ನು ಪ್ರಸ್ತುತಪಡಿಸಲು ಸೂಕ್ತವಾಗಿದೆ (ನಿಮ್ಮ ಪೋರ್ಟ್‌ಫೋಲಿಯೊವನ್ನು ತೋರಿಸಿ ಮತ್ತು/ಅಥವಾ ನಿಮ್ಮ ಬಗ್ಗೆ ಮಾತನಾಡಿ).

20. ಎದ್ದೇಳು

ಎರೈಸ್ ಎನ್ನುವುದು ಸಣ್ಣ ಉತ್ಪನ್ನ ಅಥವಾ ಸಣ್ಣ ವ್ಯಾಪಾರಕ್ಕೆ ಸೂಕ್ತವಾದ ಕನಿಷ್ಠ ಒಂದು ಪುಟದ ವರ್ಡ್ಪ್ರೆಸ್ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಅದರಲ್ಲಿ ಅತಿರೇಕವಿಲ್ಲ, ಅತ್ಯಂತ ಮುಖ್ಯವಾದ ಎಲ್ಲವೂ ಮಾತ್ರ.

21. ವುಟ್

ವೂಟ್ ಆನ್‌ಲೈನ್ ಅಂಗಡಿಯನ್ನು ನಡೆಸಲು ಗಾಢ ಬಣ್ಣಗಳಲ್ಲಿ ಮಾಡಿದ ಕನಿಷ್ಠ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಇದು WooCommerce ಮತ್ತು ಇತರ ಅನೇಕ ಜನಪ್ರಿಯ ಪ್ಲಗಿನ್‌ಗಳೊಂದಿಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.

22. ಪಶ್ಚಿಮ

ವೆಸ್ಟ್ ಎನ್ನುವುದು ಸಂಸ್ಥೆ, ಸಣ್ಣ ವ್ಯಾಪಾರ ಅಥವಾ ಬಂಡವಾಳ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಸೂಕ್ತವಾದ ಸರಳ ವಿಷಯವಾಗಿದೆ. ಇದು ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ಕಾರ್ಯಗಳು, ಸೆಟ್ಟಿಂಗ್‌ಗಳು ಮತ್ತು ಅಂಶಗಳ ಜೋಡಣೆಯನ್ನು ಒಳಗೊಂಡಿದೆ.

23. ಅನಾಗ್ಲಿಫ್ ಲೈಟ್

ಅನಾಗ್ಲಿಫ್ ಲೈಟ್ ಬ್ಲಾಗಿಂಗ್ ಮತ್ತು ಆನ್‌ಲೈನ್ ಸ್ಟೋರ್‌ಗಳಿಗೆ ಸೂಕ್ತವಾದ ಸರಳ ಮತ್ತು ಸೊಗಸಾದ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಇದನ್ನು ಈಗಾಗಲೇ WooCommerce ಮತ್ತು ಇತರ ಜನಪ್ರಿಯ ಪ್ಲಗಿನ್‌ಗಳೊಂದಿಗೆ ಕಾನ್ಫಿಗರ್ ಮಾಡಲಾಗಿದೆ.

24.

ನಿಮ್ಮ ವ್ಯಾಪಾರ, ಬಂಡವಾಳ ಅಥವಾ ಉತ್ಪನ್ನವನ್ನು ಪ್ರಸ್ತುತಪಡಿಸಲು ಸೂಕ್ತವಾದ ಬಣ್ಣದ ಅಂಶಗಳೊಂದಿಗೆ ಸಂಯೋಜಿಸಲ್ಪಟ್ಟ ಗಾಢ ಬಣ್ಣಗಳಲ್ಲಿ ಮಾಡಿದ ಉತ್ತಮವಾದ ಥೀಮ್ ಆಗಿದೆ. ಲಿಂಕ್ ಅನ್ನು ಅನುಸರಿಸಿದ ನಂತರ, BeOnePage Lite ಬ್ಲಾಕ್‌ನಲ್ಲಿ “ಈಗ ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ” ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ನೀವು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿಕೊಳ್ಳುತ್ತೀರಿ ಉಚಿತ ಆವೃತ್ತಿಈ ವಿಷಯ.

25.

ವರ್ಗದಲ್ಲಿ ಸೇರಿಸಲಾದ ಒಂದು ಪುಟದ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ: ಫಿಟ್‌ನೆಸ್, ಯೋಗ, ಪೈಲೇಟ್ಸ್, ಹೆಲ್ತ್ ಕ್ಲಬ್, ಮತ್ತು ಇತರ ಹಲವು. ಇತ್ಯಾದಿ ಶೈಲಿಯನ್ನು ಗಾಢ ಬಣ್ಣಗಳಲ್ಲಿ ತಯಾರಿಸಲಾಗುತ್ತದೆ, ಕ್ರಾಸ್-ಬ್ರೌಸರ್, ಹೊಂದಾಣಿಕೆ ಮತ್ತು ಎಲ್ಲಾ ಸಾಧನಗಳಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.

26. ಆಗ್ಲೀ ಲೈಟ್

ಆಗ್ಲೀ ಲೈಟ್ ಎಂಬುದು ತಿಳಿ ಬೂದು ಮತ್ತು ನೀಲಿ ಟೋನ್ಗಳಲ್ಲಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಸರಳ ಕಾರ್ಪೊರೇಟ್ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಈ ಥೀಮ್ ಆರಂಭಿಕ ಅಥವಾ ಸಣ್ಣ ವ್ಯಾಪಾರಕ್ಕಾಗಿ ಪರಿಪೂರ್ಣವಾಗಿದೆ.

27.

ಪ್ರಬಲ ಮತ್ತು ಕ್ರಿಯಾತ್ಮಕ ವ್ಯಾಪಾರ ವಿಷಯವಾಗಿದೆ. ಇದು ಅನುಕೂಲಕರ ಸಂಪಾದಕವನ್ನು ಹೊಂದಿದ್ದು ಅದು ನೈಜ ಸಮಯದಲ್ಲಿ ಬದಲಾವಣೆಗಳನ್ನು ವೀಕ್ಷಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. Wimpie Lite ಕ್ರಾಸ್-ಬ್ರೌಸರ್ ಹೊಂದಬಲ್ಲ, ಸ್ಪಂದಿಸುವ ಮತ್ತು ಪುಟಗಳನ್ನು ಲೋಡ್ ಮಾಡಲು ಸುಲಭವಾಗಿದೆ.

28.

- ಇದು ಬಹುಪಯೋಗಿ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್, ಇದು ಬೆಳಕಿನ ಬಣ್ಣಗಳಲ್ಲಿ ಮಾಡಲ್ಪಟ್ಟಿದೆ ಮತ್ತು ವ್ಯಾಪಾರ ವೆಬ್ಸೈಟ್, ವೈಯಕ್ತಿಕ ಬಂಡವಾಳ ಅಥವಾ ಬ್ಲಾಗ್ಗೆ ಸೂಕ್ತವಾಗಿದೆ.

ಖರೀದಿಸಲು ಬಯಸುತ್ತಾರೆ ಲ್ಯಾಂಡಿಂಗ್ ಟೆಂಪ್ಲೇಟ್ಪುಟ? ನೀವು ಉಚಿತವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡುವಾಗ ಏಕೆ ಖರೀದಿಸಬೇಕು? ನೀವು ಸರಿಯಾದ ಸ್ಥಳದಲ್ಲಿದ್ದೀರಿ! ಇಲ್ಲಿ ನಾವು ಇಂಗ್ಲಿಷ್ ಮಾತನಾಡುವ ಇಂಟರ್ನೆಟ್‌ನಿಂದ 36 ಅತ್ಯಂತ ಆಸಕ್ತಿದಾಯಕ ಉಚಿತ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್‌ಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಿದ್ದೇವೆ. ಸರಳ ಮತ್ತು ಸಂಕೀರ್ಣ, ಆಧುನಿಕ ಮತ್ತು ರೆಟ್ರೊ, ಕನಿಷ್ಠ ಮತ್ತು ಅತ್ಯಾಧುನಿಕ - ಈ ಎಲ್ಲಾ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್‌ಗಳು ಅನನ್ಯವಾಗಿವೆ, ಒಮ್ಮೆ ನೋಡಿ ಮತ್ತು ಅವುಗಳನ್ನು ನಿಮಗಾಗಿ ಪರೀಕ್ಷಿಸಿ. ಮತ್ತು ಉತ್ತಮ ವಿಷಯವೆಂದರೆ ಈ ಎಲ್ಲಾ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೆಟ್ಗಳು ಸಂಪೂರ್ಣವಾಗಿ ಉಚಿತವಾಗಿದೆ!

ಈ ಟೆಂಪ್ಲೆಟ್ಗಳನ್ನು ಸ್ಥಾಪಿಸುವುದು ಮತ್ತು ಬಳಸುವುದು ತುಂಬಾ ಸರಳವಾಗಿದೆ ಮತ್ತು ಹೆಚ್ಚು ಸಮಯ ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ. ನಿಮ್ಮಿಂದ ಬೇಕಾಗಿರುವುದು ಮತ್ತು ನಂತರ ಒಂದು ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ಸ್ಥಾಪಿಸಿ ಉಚಿತ ಟೆಂಪ್ಲೇಟ್ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ. ವರ್ಡ್ಪ್ರೆಸ್ ಅನ್ನು ಬಳಸುವುದರಿಂದ ನಿಮಗೆ ಹೆಚ್ಚಿನ ಪ್ರಯೋಜನವನ್ನು ನೀಡುತ್ತದೆ, ಏಕೆಂದರೆ ಇದು ವಿಶ್ವದ ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಮತ್ತು ಸುರಕ್ಷಿತವಾಗಿದೆ ಉಚಿತ CMS, ಇದನ್ನು ನ್ಯೂಯಾರ್ಕ್ ಟೈಮ್ಸ್‌ನಂತಹ ಸೈಟ್‌ಗಳು ಬಳಸುತ್ತವೆ, ಮಾಹಿತಿ ಸಂಸ್ಥೆಬ್ಲೂಮ್‌ಬರ್ಗ್, ಫೋರ್ಬ್ಸ್ ನಿಯತಕಾಲಿಕೆ, ಮೆಕ್‌ಡೊನಾಲ್ಡ್ಸ್ ಮತ್ತು ಇತರ ಅನೇಕ ಪ್ರಸಿದ್ಧ ಬ್ರ್ಯಾಂಡ್‌ಗಳು, ಹಾಗೆಯೇ ಪ್ರಪಂಚದಾದ್ಯಂತ ಲಕ್ಷಾಂತರ ಉದ್ಯಮಿಗಳು ಮತ್ತು ಸಾಮಾನ್ಯ ಜನರು.

ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ ಟೆಂಪ್ಲೇಟ್ ಎನ್ನುವುದು ಒಂದು ಪುಟದ ವೆಬ್‌ಸೈಟ್ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದ್ದು ಅದು ಒಂದೇ ಉತ್ಪನ್ನ ಅಥವಾ ಸೇವೆಯನ್ನು ಮಾರಾಟ ಮಾಡಲು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ, ಹೆಚ್ಚಿನ ಮಾಹಿತಿಯನ್ನು ಹೊಂದಿರುವುದಿಲ್ಲ ಮತ್ತು ಅನಗತ್ಯ ವಿಷಯದೊಂದಿಗೆ ಬಳಕೆದಾರರನ್ನು ಓವರ್‌ಲೋಡ್ ಮಾಡುವುದಿಲ್ಲ. ಈ ಲೇಖನದಲ್ಲಿ ಆಯ್ಕೆ ಮಾಡಲಾದ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟದ ಟೆಂಪ್ಲೆಟ್ಗಳನ್ನು ನಿರ್ವಹಿಸಲು ತುಂಬಾ ಸುಲಭ, ಸೊಗಸಾದ, ಆಧುನಿಕ, ಸುಂದರ, ಸರಳ, ಅಳವಡಿಸಲಾಗಿದೆ ಮೊಬೈಲ್ ಸಾಧನಗಳುಮತ್ತು ಕೆಲವು ಸಂದರ್ಭಗಳಲ್ಲಿ SEO, ಉಪಯುಕ್ತತೆ ಮತ್ತು ಮಾರಾಟ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಅತ್ಯುತ್ತಮ ಆಯ್ಕೆಯಾಗಿದೆ.

ಹೆಸ್ಟಿಯಾ

ನಿಮ್ಮ ವ್ಯಾಪಾರಕ್ಕಾಗಿ ಒಂದು ಕ್ಲೀನ್ ಮತ್ತು ಸೃಜನಶೀಲ ವರ್ಡ್ಪ್ರೆಸ್ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್, ಒಂದು ಪುಟದ ವೆಬ್‌ಸೈಟ್‌ನಂತೆ ರಚಿಸಲಾಗಿದೆ. ಈ ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ ಟೆಂಪ್ಲೇಟ್ ನಯವಾದ ಸ್ಕ್ರೋಲಿಂಗ್, ಭ್ರಂಶ ಪರಿಣಾಮಗಳು ಮತ್ತು ಬೆರಗುಗೊಳಿಸುವ Pinterest ತರಹದ ಅಂಗಡಿಯನ್ನು ಒಳಗೊಂಡಿದೆ. ನೀವು ವೈಯಕ್ತಿಕ ಅಥವಾ ವ್ಯಾಪಾರ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಬಳಸುತ್ತಿರಲಿ ಹೆಸ್ಟಿಯಾ ಉತ್ತಮ ಆಯ್ಕೆಯಾಗಿದೆ. ಅಂತಹ ತಂಪಾದ ಉಚಿತ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಇದ್ದರೆ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವನ್ನು ಖರೀದಿಸಲು ಯಾವುದೇ ಅರ್ಥವಿಲ್ಲ!

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • WooCommerce ಮತ್ತು ಪುಟ ಬಿಲ್ಡರ್‌ಗಳೊಂದಿಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ;
  • Sendinblue ಸೇವೆಯೊಂದಿಗೆ ಏಕೀಕರಣ (ಪ್ರತಿಕ್ರಿಯೆ ರೂಪಗಳಿಗಾಗಿ);
  • ಎಸ್ಇಒ ಹೊಂದುವಂತೆ;
  • ವಿಜೆಟ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಬದಲಾಯಿಸಬಹುದಾದ ಅಡಿಟಿಪ್ಪಣಿ;
  • ಲೈವ್ ಕಸ್ಟಮೈಜರ್ ಬೆಂಬಲ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಜೆರಿಫ್ ಲೈಟ್

ಪೂರ್ಣ-ಅಗಲ ಚಿತ್ರ ಮತ್ತು ಸರಳ ಬಿಳಿ ಮೆನು ಬಾರ್‌ನೊಂದಿಗೆ ವರ್ಡ್ಪ್ರೆಸ್‌ಗಾಗಿ ಸಂವಾದಾತ್ಮಕ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ. ಮುಖ್ಯ ಬಣ್ಣಗಳು ಕ್ಲಾಸಿಕ್ ಕಪ್ಪು ಮತ್ತು ಬಿಳಿ, ಆದರೆ ಕೆಲವು ವಿಭಾಗಗಳು ಕ್ಲಾಸಿಕ್ನಿಂದ ಪ್ರಕಾಶಮಾನವಾದ ಹಸಿರು, ಹಳದಿ ಅಥವಾ ಕೆಂಪು ಬಣ್ಣಕ್ಕೆ ಹೋಗುತ್ತವೆ. Zerif Lite ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ ಟೆಂಪ್ಲೇಟ್ ಏಳು ಮೆನು ವಿಭಾಗಗಳನ್ನು ಹೊಂದಿದ್ದು, ನೀವು ಅವುಗಳ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಸ್ಕ್ರೋಲಿಂಗ್ ಮಾಡದೆಯೇ ನೇರವಾಗಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ. ಒಟ್ಟಾರೆ ವಿನ್ಯಾಸವು ಸೊಗಸಾದ ಮತ್ತು ಕ್ಲಾಸಿಕ್ ಆಗಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಶುದ್ಧ ಮತ್ತು ಪರಿಶೀಲಿಸಿದ ಕೋಡ್;
  • ಥೀಮ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳ ಫಲಕ;
  • ಸ್ಥಳೀಕರಣ (ಸಂಪೂರ್ಣ ಅನುವಾದ);
  • ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ವಿನ್ಯಾಸ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಭ್ರಂಶ ಒಂದು

ಭ್ರಂಶ ಒಂದು ಸರಳ ಮತ್ತು ಸೊಗಸಾದ ವರ್ಡ್ಪ್ರೆಸ್ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದ್ದು ಅದನ್ನು ಯಾವುದೇ ಉದ್ದೇಶಕ್ಕಾಗಿ ಬಳಸಬಹುದು. ಇದು ಪ್ರಾಥಮಿಕವಾಗಿ ವಿಷಯ ನಿಯೋಜನೆಗಾಗಿ ರಚಿಸಲಾದ ಕ್ಲೀನ್ ಮತ್ತು ಸುಂದರವಾದ ವಿನ್ಯಾಸದೊಂದಿಗೆ ಬರುತ್ತದೆ. ಸ್ಟೈಲಿಶ್ ಕಾಣಿಸಿಕೊಂಡಈ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಅಲಂಕಾರಿಕ ಭ್ರಂಶ ಪರಿಣಾಮದೊಂದಿಗೆ ಬರುತ್ತದೆ, ಆದ್ದರಿಂದ ಅದರ ಹೆಸರು. ಭ್ರಂಶ ಒಂದು ಅಂಗಡಿ ವಿಭಾಗ, ನಯವಾದ ಸ್ಕ್ರೋಲಿಂಗ್ ಮತ್ತು ಆಧುನಿಕ ನೋಟವನ್ನು ಹೊಂದಿದೆ. ಒಟ್ಟಾರೆಯಾಗಿ, ಇದು ಹೆಚ್ಚು ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ವರ್ಡ್ಪ್ರೆಸ್ ಥೀಮ್ ಆಗಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ರೆಸ್ಪಾನ್ಸಿವ್ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ವಿನ್ಯಾಸ;
  • ಭ್ರಂಶ ಪರಿಣಾಮ;
  • ಕಸ್ಟಮ್ ಲೋಗೊಗಳು, ಐಕಾನ್‌ಗಳು ಮತ್ತು ಮೆನುಗಳು;
  • ವಿವಿಧ ಬಣ್ಣದ ಯೋಜನೆಗಳು;
  • ಅನೇಕ ಸಾಮಾಜಿಕ ಪ್ರತಿಮೆಗಳು;
  • Google ನಕ್ಷೆಗಳೊಂದಿಗೆ ಏಕೀಕರಣ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಸಿಡ್ನಿ

ಪೂರ್ಣ ಪರದೆಯ ಸ್ಲೈಡರ್, ನಯವಾದ ಸ್ಕ್ರೋಲಿಂಗ್ ಮತ್ತು ಸುಂದರವಾದ ಅನಿಮೇಷನ್‌ಗಳೊಂದಿಗೆ ವ್ಯಾಪಾರಕ್ಕಾಗಿ ಒಂದು ಕ್ಲೀನ್ ಪೂರ್ಣ ಪರದೆಯ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಟೆಂಪ್ಲೇಟ್ ವೃತ್ತಿಪರ ನೋಟ, widgetized ಅಡಿಟಿಪ್ಪಣಿ ಮತ್ತು ಸರಳ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿದೆ. ನೀವು ಅದನ್ನು ಯಾವುದೇ ಉದ್ದೇಶಕ್ಕಾಗಿ ಬಳಸಬಹುದು.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಸ್ಪಂದಿಸುವ ಲೇಔಟ್;
  • ಅನುವಾದಕ್ಕೆ ಸಿದ್ಧ;
  • ಭ್ರಂಶ ಪರಿಣಾಮಗಳು;
  • ಮೊದಲ ಪರದೆಯ ಸ್ಲೈಡರ್ ಅಥವಾ ಸ್ಥಿರ ಚಿತ್ರ;
  • ಸಾಮಾಜಿಕ ಕೊಂಡಿಗಳು;
  • ಗೂಗಲ್ ಫಾಂಟ್‌ಗಳು.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಲೋರಿಕ್ಸ್ ಒನ್

ಲೊರಿಕ್ಸ್ ಒನ್ ಸಣ್ಣ ವ್ಯಾಪಾರಗಳು ಮತ್ತು ಸ್ಟಾರ್ಟ್‌ಅಪ್‌ಗಳಿಗಾಗಿ ಸೊಗಸಾದ ಮತ್ತು ಬಳಕೆದಾರ ಸ್ನೇಹಿ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಇದು ವೃತ್ತಿಪರ ಆದರೆ ಸ್ಮರಣೀಯ ಮತ್ತು ಸಕಾರಾತ್ಮಕ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿದೆ. ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್ ಅದನ್ನು ಇನ್ನಷ್ಟು ಸೊಗಸಾದ ಮತ್ತು ಮೃದುಗೊಳಿಸುತ್ತದೆ. ಟೆಂಪ್ಲೇಟ್ ವರ್ಣರಂಜಿತ ಫಾಂಟ್‌ಗಳು ಮತ್ತು ಬಟನ್‌ಗಳನ್ನು ನೀಡುತ್ತದೆ ಅದು ಅದನ್ನು ಇನ್ನಷ್ಟು ತಾಜಾಗೊಳಿಸುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್;
  • ಒಂದು ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಲೇಔಟ್;
  • ಸಾಮಾಜಿಕ ಕೊಂಡಿಗಳು;
  • ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ರಿಬ್ಬನ್;
  • ಅನುವಾದಕ್ಕೆ ಸಿದ್ಧವಾಗಿದೆ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಎಂಬರ್

ಸುಂದರವಾದ, ವರ್ಣರಂಜಿತ ವಿನ್ಯಾಸ ಮತ್ತು ಸೊಗಸಾದ ಇಂಟರ್‌ಫೇಸ್‌ನೊಂದಿಗೆ ಸಣ್ಣ ವ್ಯಾಪಾರಗಳು ಮತ್ತು ಏಜೆನ್ಸಿಗಳಿಗೆ ಉತ್ತಮವಾದ ಸರಳ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಇದ್ದರೆ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಏಕೆ ಖರೀದಿಸಬೇಕು. ಇದು ಆಧುನಿಕವಾಗಿ ಕಾಣುತ್ತದೆ ಮತ್ತು ಒದಗಿಸುತ್ತದೆ ವೇಗದ ಸ್ಕ್ರೋಲಿಂಗ್ಭ್ರಂಶ. ಎಂಬರ್ ಹೊಂದಿದೆ ಸುಂದರ ಐಕಾನ್‌ಗಳುಮತ್ತು ರಿಬ್ಬನ್ಗಳು, ಹಾಗೆಯೇ ಒಂದು ಕ್ಲೀನ್ ನೋಟ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಭ್ರಂಶ ಪರಿಣಾಮ;
  • ಬ್ಲಾಗ್ ಲೇಔಟ್;
  • ಕನಿಷ್ಠ ನೋಟ;
  • ಒಂದು ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್;
  • ಬಹುಪಯೋಗಿ ವಿನ್ಯಾಸ;
  • ಸಾಮಾಜಿಕ ಚಿಹ್ನೆಗಳು.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ನಿಷ್ಠಾವಂತ

ಒಂದು ಕ್ಲೀನ್ ಮತ್ತು ಕನಿಷ್ಠ ವಿನ್ಯಾಸದೊಂದಿಗೆ ವ್ಯಾಪಾರ ಮತ್ತು ಕಾರ್ಪೊರೇಟ್ ಉದ್ದೇಶಗಳಿಗಾಗಿ WordPress ಗಾಗಿ ಸುಂದರವಾದ ಬಹು-ಬಳಕೆದಾರ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಟೆಂಪ್ಲೇಟ್ ಸೊಗಸಾದ, ನಯವಾದ ಸ್ಕ್ರೋಲಿಂಗ್, ಪೂರ್ಣ ಅಗಲ ಸ್ಲೈಡರ್, ಸುಂದರ ಬಂಡವಾಳ ಮತ್ತು ಸುಂದರ ಲೇಔಟ್ ಒದಗಿಸುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಅನಿಯಮಿತ ಬಣ್ಣಗಳು;
  • ಪೂರ್ಣ ಲೇಔಟ್ ನಿಯಂತ್ರಣ;
  • ಕಸ್ಟಮ್ ಕಿರುಸಂಕೇತಗಳು;
  • ಕಸ್ಟಮ್ ಮುದ್ರಣಕಲೆ;
  • ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್;
  • WooCommerce ಬೆಂಬಲ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಹಿಮಾಲಯ

ಉತ್ತಮ ಜೊತೆ ಉಚಿತ ಬಹುಪಯೋಗಿ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಧುನಿಕ ವಿನ್ಯಾಸಮತ್ತು ಪೂರ್ಣ ಪರದೆಯ ವಿನ್ಯಾಸ. ಇದು ಪೂರ್ಣ ಅಗಲದ ಸ್ಲೈಡರ್, ಕ್ಲೀನ್ ನೋಟ ಮತ್ತು ನಯವಾದ ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್ ಅನ್ನು ಹೊಂದಿದೆ. ಇದಲ್ಲದೆ, ಹಿಮಾಲಯ ಟೆಂಪ್ಲೇಟ್ ಪೋರ್ಟ್ಫೋಲಿಯೊ ಮತ್ತು ವರ್ಣರಂಜಿತ ವಿಭಾಗಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. ಒಟ್ಟಾರೆಯಾಗಿ, ಟೆಂಪ್ಲೇಟ್ ಸ್ನೇಹಪರ ಮತ್ತು ವೃತ್ತಿಪರವಾಗಿ ಕಾಣುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಸಾಮಾಜಿಕ ಚಿಹ್ನೆಗಳು;
  • ಕಸ್ಟಮ್ ಮೆನು;
  • ನಾಲ್ಕು ಕಸ್ಟಮ್ ವಿಜೆಟ್‌ಗಳು;
  • ಅದ್ಭುತ ಸ್ಲೈಡರ್ ಏಕೀಕರಣ;
  • ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್;
  • ಬಣ್ಣಗಳ ಬದಲಾವಣೆ.
ಮೊಸಿಯಾ

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಅನುವಾದಕ್ಕಾಗಿ ಸಿದ್ಧತೆ;
  • ಕಸ್ಟಮ್ ವಿಜೆಟ್‌ಗಳು;
  • ಭ್ರಂಶ ಹಿನ್ನೆಲೆಗಳು;
  • ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ಮೊದಲ ಪರದೆ;
  • ಕಸ್ಟಮ್ ಬ್ಲಾಕ್ಗಳು;
  • ಸಾಮಾಜಿಕ ನೆಟ್ವರ್ಕ್ ಐಕಾನ್ಗಳು.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

AccessPress ಭ್ರಂಶ

ಸೊಗಸಾದ ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್‌ನೊಂದಿಗೆ ಒಂದು ಪುಟದ ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ ಲೇಔಟ್‌ನಂತೆ ಬರುವ ಬಹು-ಉದ್ದೇಶದ ವಿನ್ಯಾಸದೊಂದಿಗೆ ಬೆರಗುಗೊಳಿಸುವ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಇದು ಆಧುನಿಕ ಮತ್ತು ಸ್ಮರಣೀಯ ಇಂಟರ್ಫೇಸ್, ಆನ್ಲೈನ್ ​​ಸ್ಟೋರ್ ಮತ್ತು ಪೋರ್ಟ್ಫೋಲಿಯೊವನ್ನು ಹೊಂದಿದೆ. ಒಟ್ಟಾರೆಯಾಗಿ, ನಿಮ್ಮ ಎಲ್ಲಾ ಉದ್ದೇಶಗಳಿಗೆ ಸರಿಹೊಂದುವಂತಹ ಸುಂದರವಾದ ಟೆಂಪ್ಲೇಟ್.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಲೇಔಟ್;
  • ಭ್ರಂಶ ಪರಿಣಾಮ;
  • ಸೊಗಸಾದ ಸ್ಲೈಡರ್;
  • ಸುಧಾರಿತ ಪೋಸ್ಟ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳು;
  • ಬಹು ವಿನ್ಯಾಸಗಳು;
  • ಪೂರ್ಣ ಗ್ರಾಹಕೀಕರಣ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಲ್ಯಾಟೆ

ಒಂದು ಪುಟದ ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ ಲೇಔಟ್ ಮತ್ತು ವೃತ್ತಿಪರ ವಿನ್ಯಾಸದೊಂದಿಗೆ ಸಣ್ಣ ವ್ಯಾಪಾರಗಳು, ಆನ್‌ಲೈನ್ ಏಜೆನ್ಸಿಗಳು ಮತ್ತು ಸ್ವತಂತ್ರೋದ್ಯೋಗಿಗಳಿಗೆ ಉತ್ತಮವಾದ ವರ್ಡ್ಪ್ರೆಸ್ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಟೆಂಪ್ಲೇಟ್ ನಯವಾದ ಸ್ಕ್ರೋಲಿಂಗ್, ಸ್ನೇಹಿ ಅನಿಮೇಷನ್ ಮತ್ತು ಭ್ರಂಶ ಫೀಡ್‌ಗಳನ್ನು ಹೊಂದಿದೆ. ಲ್ಯಾಟೆ ಪೋರ್ಟ್‌ಫೋಲಿಯೊ, ಬ್ಲಾಗ್, ಬೆಲೆ ಕೋಷ್ಟಕಗಳು, ಡ್ರಾಪ್‌ಡೌನ್ ಮೆನು, ಭ್ರಂಶ ಹೆಡರ್ ಮತ್ತು ನಯವಾದ ನೋಟವನ್ನು ಸಹ ಒಳಗೊಂಡಿದೆ.

ಕ್ವಿಲ್

ವರ್ಡ್ಪ್ರೆಸ್ ಟೆಂಪ್ಲೇಟ್ಲ್ಯಾಂಡಿಂಗ್ ಪುಟದ ಅಡಿಯಲ್ಲಿ ಅಗಲ ಮತ್ತು ಎತ್ತರದಲ್ಲಿ ಸ್ಕ್ರಾಲ್ ಸ್ಲೈಡರ್ ಮತ್ತು ಕಪ್ಪು ಮತ್ತು ಬಿಳಿ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿದೆ. ವಿಭಾಗಗಳು ಅನಿಮೇಟೆಡ್ ಆಗಿರುತ್ತವೆ ಮತ್ತು ನೀವು ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವನ್ನು ಕೆಳಗೆ ಸ್ಕ್ರಾಲ್ ಮಾಡುವಾಗ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತವೆ. ಅವುಗಳು ಸುಸಂಘಟಿತ ಮತ್ತು ರಚನಾತ್ಮಕ ಮಾಹಿತಿಯನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ ಆದ್ದರಿಂದ ಸಂದರ್ಶಕರು ತಮಗೆ ಬೇಕಾದುದನ್ನು ಸುಲಭವಾಗಿ ಹುಡುಕಬಹುದು. ಬ್ಲಾಗ್ ವಿಭಾಗವು ಟೆಂಪ್ಲೇಟ್‌ನ ಮುಖಪುಟದಲ್ಲಿ ಸೇರಿಸದ ಪ್ರತ್ಯೇಕ ಪುಟವನ್ನು ಹೊಂದಿದೆ. ಒಟ್ಟಾರೆಯಾಗಿ, ಕ್ವಿಲ್ ಬಹಳ ಸಂವಾದಾತ್ಮಕ ವಿಷಯವಾಗಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಕಸ್ಟಮ್ ಹೆಡರ್;
  • ಅನುವಾದಕ್ಕಾಗಿ ಸಿದ್ಧತೆ;
  • ಕಸ್ಟಮ್ ವಿಜೆಟ್‌ಗಳು;
  • ಅನಿಮೇಷನ್;
  • ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಗುಂಡಿಗಳು.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ವ್ಯಾಪಾರ ಒಂದು

ನೀವು ಸಣ್ಣ ವ್ಯಾಪಾರವನ್ನು ಹೊಂದಿದ್ದರೆ ಮತ್ತು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಉಚಿತ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಅಗತ್ಯವಿದ್ದರೆ, ಇದು ಒಂದು ಆಯ್ಕೆಯಾಗಿರಬಹುದು. ಒಳ್ಳೆಯ ಆಯ್ಕೆ! ಸೊಗಸಾದ ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್ ಮತ್ತು ಕೆಲವು ಬೆಚ್ಚಗಿನ ಕಿತ್ತಳೆ ಮತ್ತು ಬಿಳಿ ಬಣ್ಣಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ಈ ಒಂದು ಪುಟದ ವರ್ಡ್ಪ್ರೆಸ್ ಟೆಂಪ್ಲೇಟ್ ನಿಮ್ಮ ವ್ಯಾಪಾರವನ್ನು ಉತ್ತೇಜಿಸಲು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ. ಇದು ಪೋರ್ಟ್ಫೋಲಿಯೊ ವಿಭಾಗ ಮತ್ತು ಬ್ಲಾಗ್ ಅನ್ನು ಸಹ ಹೊಂದಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

ZBlackbeard

ಯಾವುದೇ ಉದ್ದೇಶಕ್ಕಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಸಂಪೂರ್ಣ ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ನೀವು ಬ್ಲಾಗ್, ವ್ಯಾಪಾರ ಅಥವಾ ಪೋರ್ಟ್ಫೋಲಿಯೋ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ಇದನ್ನು ಬಳಸಬಹುದು. ZBlackbeard ಪೂರ್ಣ-ಅಗಲ ಸ್ಥಿರ ಹೆಡರ್ ಅನ್ನು ಒದಗಿಸುತ್ತದೆ ಮತ್ತು ಉತ್ತಮ ಅನಿಮೇಷನ್‌ಗಳು ಮತ್ತು ಸಂವಾದಾತ್ಮಕ ವಿಭಾಗಗಳೊಂದಿಗೆ ಸ್ನೇಹಪರ ಮತ್ತು ವರ್ಣರಂಜಿತ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿದೆ. ಪ್ರತಿಯೊಂದು ವೈಶಿಷ್ಟ್ಯವು, ನಯವಾದ ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್ ಜೊತೆಗೆ, ಈ ಉಚಿತ ಒಂದು-ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್‌ಗೆ ಆಧುನಿಕ ಮತ್ತು ಸ್ಮರಣೀಯ ನೋಟವನ್ನು ನೀಡುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಸ್ಥಾಪಿಸಲು ಸುಲಭ;
  • ಭ್ರಂಶ ಪರಿಣಾಮ;
  • ಆಧುನಿಕ ವಿಜೆಟ್‌ಗಳು;
  • ಅನಿಮೇಷನ್.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಝಿಫರ್ ಚೈಲ್ಡ್

Zifer ಫೋಟೋಗ್ರಫಿ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗಾಗಿ ರಚಿಸಲಾದ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಟೆಂಪ್ಲೇಟ್ ಹೊಂದಿದೆ ಆಧುನಿಕ ನೋಟ, ಫೋಟೋ ಗ್ಯಾಲರಿಗಳು ಮತ್ತು ಸಂದೇಶಗಳಲ್ಲಿನ ಫೋಟೋಗಳು. ಇದು ಹೆಚ್ಚು ಫೋಟೋ ಬ್ಲಾಗ್‌ನಂತಿದೆ. Zifer ಒಂದು ಸೊಗಸಾದ ನೋಟ, ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ಲೇಔಟ್, ವಿಜೆಟ್‌ಗಳು ಮತ್ತು ಸಾಮಾಜಿಕ ಐಕಾನ್‌ಗಳನ್ನು ಹೊಂದಿದೆ. ನೀವು ವೃತ್ತಿಪರ ಛಾಯಾಗ್ರಾಹಕ ಅಥವಾ ಹವ್ಯಾಸಿಯಾಗಿದ್ದರೂ, ಈ ಉಚಿತ ವರ್ಡ್ಪ್ರೆಸ್ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ನಿಮಗೆ ಬೇಕಾಗಿರಬಹುದು.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಸ್ಪಂದಿಸುವ ಲೇಔಟ್;
  • ಫೋಟೋ ಬ್ಲಾಗ್ ಲೇಔಟ್;
  • ಸಾಮಾಜಿಕ ನೆಟ್ವರ್ಕ್ಗಳಿಗಾಗಿ ಹೊಂದುವಂತೆ;
  • ಆಧುನಿಕ ವಿಜೆಟ್‌ಗಳು;
  • ಸುಲಭ ಗ್ರಾಹಕೀಕರಣ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಯಾವುದೇ ವ್ಯಾಪಾರಕ್ಕಾಗಿ ಅದ್ಭುತ ಮತ್ತು ಸಂವಾದಾತ್ಮಕ ಉಚಿತ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಇದರ ಪೂರ್ಣ-ಪರದೆಯ ವಿನ್ಯಾಸ, ಉತ್ತಮ ಪರಿಣಾಮಗಳು ಮತ್ತು ಅನಿಮೇಷನ್‌ಗಳು ಅದನ್ನು ಪ್ರಭಾವಶಾಲಿಯಾಗಿಸುತ್ತವೆ. ಗಾಗಾ ಲೈಟ್ ವರ್ಣರಂಜಿತ ಫಾಂಟ್‌ಗಳು ಮತ್ತು ವಿಭಾಗಗಳನ್ನು ಹೊಂದಿದೆ, ಜೊತೆಗೆ ಅನೇಕ ಆಧುನಿಕ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹೊಂದಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್;
  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ವಿವಿಧ ಫಾಂಟ್ಗಳು ಮತ್ತು ಬಣ್ಣಗಳು;
  • ವಿವಿಧ ವಿನ್ಯಾಸಗಳು;
  • ಬೆಲೆ ಕೋಷ್ಟಕಗಳು;
  • ಎಸ್ಇಒ ಹೊಂದುವಂತೆ;
  • ವಿವಿಧ ವಿಜೆಟ್‌ಗಳು.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಒನೆಸೀ

ಇದು WordPress ಗಾಗಿ ಒಂದು ಪುಟದ ಪೋರ್ಟ್ಫೋಲಿಯೋ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಇದು ಸ್ಥಿರ ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು ಹೊಂದಿದೆ. ಇಲ್ಲಿ ನೀವು ನಿಮ್ಮ ಪೋರ್ಟ್‌ಫೋಲಿಯೊವನ್ನು ಸೇರಿಸಬಹುದು, ಅದು ಫೋಟೋ ಗ್ಯಾಲರಿಯಂತೆ ಕಾಣುತ್ತದೆ. ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿ, ನೀವು ಮೆನುವಿನಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಬಹುದು ಮತ್ತು ವಿಭಾಗಗಳು ನಾಜೂಕಾಗಿ ಸ್ಲೈಡ್ ಆಗುತ್ತವೆ. ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು ನೀವು ಉತ್ತಮವಾಗಿ ಇಷ್ಟಪಡುವ ಮೂಲಕ ಬದಲಾಯಿಸಬಹುದು ಮತ್ತು ನಿಮ್ಮ ಸ್ವಂತ ವಿಭಾಗಗಳನ್ನು ನೀವು ಸೇರಿಸಿದರೆ ನ್ಯಾವಿಗೇಷನ್ ಮೆನುವನ್ನು ಸುಧಾರಿಸಬಹುದು.

ಸಣ್ಣ ಆನ್‌ಲೈನ್ ಸ್ಟೋರ್‌ಗಳಿಗಾಗಿ ಅಚ್ಚುಕಟ್ಟಾಗಿ ಮತ್ತು ಕನಿಷ್ಠ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಇದು ಪೂರ್ಣ-ಪರದೆಯ ಭ್ರಂಶ ಹೆಡರ್, ಸರಳವಾದ ಮೀಸಲಾದ ಆನ್‌ಲೈನ್ ಸ್ಟೋರ್ ವಿಭಾಗ, ವೇಗದ ಸ್ಕ್ರೋಲಿಂಗ್, ವರ್ಣರಂಜಿತ ಐಕಾನ್‌ಗಳು ಮತ್ತು ಬಟನ್‌ಗಳು ಮತ್ತು ಗ್ರಾಹಕರ ವಿಮರ್ಶೆಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • Woocommerce ಹೊಂದಾಣಿಕೆ:
  • ಅನಿಯಮಿತ ಬಣ್ಣಗಳು:
  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ:
  • ಅನುವಾದಕ್ಕೆ ಸಿದ್ಧ:
  • ಬ್ಲಾಗ್ ಲೇಔಟ್:
  • ಗೂಗಲ್ ನಕ್ಷೆಗಳೊಂದಿಗೆ ಏಕೀಕರಣದೊಂದಿಗೆ ಸರಳ ಸಂಪರ್ಕ ರೂಪ:
  • ಸಾಮಾಜಿಕ ಕೊಂಡಿಗಳು.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

OneTone

ಉತ್ತಮ ಉಚಿತ ಒಂದು ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಜೊತೆಗೆ WordPress YouTube ವೀಡಿಯೊವಿ ಹಿನ್ನೆಲೆ. ಕೆಳಗಿನ ಎಡ ಮೂಲೆಯಲ್ಲಿ ನೀವು ಅದನ್ನು ಆನ್ ಮಾಡಿದರೆ ನೀವು ವಿಶ್ರಾಂತಿ ಸಂಗೀತವನ್ನು ಸಹ ಪ್ಲೇ ಮಾಡಬಹುದು ಮುಖಪುಟ. ನೀವು ಯಾವುದೇ ಮೆನು ಐಟಂ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ, ಪುಟವು ಕೆಳಗೆ ಸ್ಲೈಡ್ ಆಗುತ್ತದೆ ಮತ್ತು ಪರ್ಯಾಯ ಹಿನ್ನೆಲೆ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • HTML5/CSS3 ಬಳಸಿ ರಚಿಸಲಾಗಿದೆ;
  • ಸಂಪೂರ್ಣವಾಗಿ ಸ್ಪಂದಿಸುವ ವಿನ್ಯಾಸ;
  • ಪೂರ್ಣ ಪರದೆಯ ಸ್ಲೈಡರ್;
  • YouTube ವೀಡಿಯೊ ಏಕೀಕರಣ;
  • ಅನುವಾದಕ್ಕೆ ಸಿದ್ಧವಾಗಿದೆ.
ಸರಳ

ಯಾವುದೇ ವೆಬ್‌ಸೈಟ್ ಉದ್ದೇಶಕ್ಕೆ ಸರಿಹೊಂದುವಂತಹ ಆಧುನಿಕ ಮತ್ತು ಸ್ಮರಣೀಯ ವಿನ್ಯಾಸದೊಂದಿಗೆ ವ್ಯಾಪಾರಕ್ಕಾಗಿ ಅತ್ಯುತ್ತಮ ಉಚಿತ ಒಂದು-ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ - ಸೃಜನಶೀಲ ಅಥವಾ ಕಾರ್ಪೊರೇಟ್. ಟೆಂಪ್ಲೇಟ್ ಒಂದು ಪುಟದ ವಿನ್ಯಾಸ, ಅನುಕೂಲಕರ ಪೂರ್ಣ-ಪರದೆಯ ವಿನ್ಯಾಸ, ನಯವಾದ ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್, ಸುಂದರ ಮತ್ತು ಸೊಗಸಾದ ನೋಟವನ್ನು ಹೊಂದಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಅನಿಯಮಿತ ಬಣ್ಣ ವ್ಯತ್ಯಾಸಗಳು;
  • ಹಲವಾರು ಬ್ಯಾನರ್/ಸ್ಲೈಡ್‌ಶೋ ಆಯ್ಕೆಗಳು;
  • ಫೋಟೋಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲು ಸೂಕ್ತವಾದ ವಿನ್ಯಾಸಗಳು;
  • ಭ್ರಂಶ ವಿಭಾಗಗಳು;
  • ಟೆಂಪ್ಲೇಟ್ ಎಸ್‌ಇಒಗೆ ಅನುಗುಣವಾಗಿರುತ್ತದೆ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಒಂದು ಎಂಜಿನ್

ಈ ಒಂದು ಪುಟದ ಟೆಂಪ್ಲೇಟ್‌ನ ಸರಳ ಮತ್ತು ವರ್ಣರಂಜಿತ ವಿನ್ಯಾಸವು ಅದ್ಭುತವಾಗಿದೆ. ಮುಖ್ಯ ವಿಂಡೋದಲ್ಲಿನ ಮುಖ್ಯ ಚಿತ್ರಗಳು ಬಹು-ಬಣ್ಣದ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಸಂಪೂರ್ಣ ಪರದೆಯನ್ನು ತುಂಬುವ ಚಿತ್ರಗಳಾಗಿವೆ. ನೀವು ಕೆಳಗೆ ಮೆನು ಬಾರ್ ಅನ್ನು ಕಾಣಬಹುದು ಹಿನ್ನೆಲೆ ಚಿತ್ರ, ಮತ್ತು ಇದು ಎಂಟು ವಿಭಾಗಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ಪುಟದ ಉಳಿದ ಭಾಗವು ಪ್ರಾಬಲ್ಯ ಹೊಂದಿದೆ ಬಿಳಿ ಹಿನ್ನೆಲೆ. ಲ್ಯಾಂಡಿಂಗ್ ವಿಭಾಗಗಳು ಒಂದರಿಂದ ಇನ್ನೊಂದಕ್ಕೆ ಸರಾಗವಾಗಿ ಚಲಿಸುತ್ತವೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಸುಲಭ ಟೆಂಪ್ಲೇಟ್ ಗ್ರಾಹಕೀಕರಣ;
  • ಭ್ರಂಶ ಹಿನ್ನೆಲೆ;
  • ಲೇಔಟ್ ಡಿಸೈನರ್;
  • 60 ಕ್ಕೂ ಹೆಚ್ಚು ಅನಿಮೇಷನ್ ಪರಿಣಾಮಗಳು;
  • 600 ಕ್ಕೂ ಹೆಚ್ಚು ಗೂಗಲ್ ಫಾಂಟ್‌ಗಳು;
  • ಅನಿಯಮಿತ ಬಣ್ಣದ ಯೋಜನೆಗಳು.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಪರಿಚಯ

ಪೂರ್ಣ-ಅಗಲ ಹಿನ್ನೆಲೆ ಚಿತ್ರ ಮತ್ತು "ಚಲಿಸುವ" ಪಠ್ಯಗಳೊಂದಿಗೆ ವರ್ಡ್ಪ್ರೆಸ್ಗಾಗಿ ಆಧುನಿಕ ಮತ್ತು ಸರಳವಾದ ಒಂದು-ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್, ಇದು ಸ್ಮರಣೀಯ ಮತ್ತು ಸಂವಾದಾತ್ಮಕವಾಗಿಸುತ್ತದೆ. ಬಿಳಿ, ಬೂದು ಮತ್ತು ಹಳದಿ ಬಣ್ಣಗಳ ಸೂಕ್ಷ್ಮ ವ್ಯತ್ಯಾಸಗಳು ಸ್ನೇಹಪರವಾಗಿ ಕಾಣುವಂತೆ ಮಾಡುತ್ತದೆ ಮತ್ತು ನೀವು ಅವುಗಳ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದಂತೆ ಮೆನುಗಳು ಒಂದರ ನಂತರ ಒಂದರಂತೆ ಜಾರುತ್ತವೆ. ಈ ಥೀಮ್ ವ್ಯಾಪಾರ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗೆ ಸೂಕ್ತವಾಗಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಿಕೊಳ್ಳುವ;
  • ಟೆಂಪ್ಲೇಟ್ ಗ್ರಾಹಕೀಕರಣ;
  • ಭ್ರಂಶ ಹಿನ್ನೆಲೆ;
  • ಅನುವಾದಕ್ಕೆ ಸಿದ್ಧ;
  • ಗೂಗಲ್ ಫಾಂಟ್ಗಳು;
  • ಅನಿಮೇಟೆಡ್ ಪಠ್ಯ ಶೀರ್ಷಿಕೆಗಳು.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಮಿನಿಮಬಲ್

ಇದು ಸಂಕೀರ್ಣ ಮತ್ತು ಆಸಕ್ತಿದಾಯಕ ಒಂದು-ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಮೊದಲನೆಯದಾಗಿ, ನ್ಯಾವಿಗೇಷನ್ ಮೆನುವನ್ನು ಗಮನಿಸಿ, ಅದು ಉತ್ತಮವಾಗಿ ಕಾಣುತ್ತದೆ: ಪರ್ಯಾಯ ಕಪ್ಪು ಮತ್ತು ನೀಲಿ ವಲಯಗಳು ಸೊಗಸಾದ ಡಯಲ್‌ಗಳಂತೆ ಕಾಣುತ್ತವೆ. ವರ್ಗದ ಹೆಸರುಗಳು ಅನಿಮೇಟ್ ಆಗುತ್ತವೆ ಮತ್ತು ನೀವು ಅವುಗಳ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಚಲಿಸುತ್ತವೆ. ಈ ಥೀಮ್‌ನ ಕುರಿತು ಎಲ್ಲವೂ ಸಂವಾದಾತ್ಮಕ, ತಮಾಷೆಯಾಗಿದೆ ಮತ್ತು ನೀಲಿ, ಬೂದು, ಬಿಳಿ ಮತ್ತು ಕಂದು ಬಣ್ಣಗಳಂತಹ ಸಾಕಷ್ಟು ಶಾಂತ ಬಣ್ಣಗಳನ್ನು ಹೊಂದಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ನಲ್ಲಿ ನಿರ್ಮಿಸಲಾಗಿದೆ;
  • ಅಧಿಸೂಚನೆಗಳನ್ನು ನವೀಕರಿಸಿ;
  • ರೆಟಿನಾ-ಸಿದ್ಧ;
  • ಸ್ಪಂದಿಸುವ ಲೇಔಟ್;
  • ನಯವಾದ ಸ್ಕ್ರೋಲಿಂಗ್;
  • ಪರಸ್ಪರ ಬದಲಾಯಿಸಬಹುದಾದ ಬಣ್ಣಗಳು.
ಸರಳ ಶಿಫ್ಟ್

ಆಧುನಿಕ ಮತ್ತು ವರ್ಣರಂಜಿತ ವಿನ್ಯಾಸ ಮತ್ತು ಪೂರ್ಣ-ಪರದೆಯ ವಿನ್ಯಾಸದೊಂದಿಗೆ ಸಣ್ಣ ವ್ಯವಹಾರಗಳಿಗೆ ಸುಂದರವಾದ ಒಂದು-ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಇದು ವೇಗದ ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್ ಮತ್ತು ಸೊಗಸಾದ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿದೆ. ನೀವು ಇದನ್ನು ಸೃಜನಾತ್ಮಕ ಅಥವಾ ಕಾರ್ಪೊರೇಟ್ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಬಳಸಬಹುದು.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಭ್ರಂಶ ಪರಿಣಾಮ;
  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಸಾಮಾಜಿಕ ಚಿಹ್ನೆಗಳು;
  • ಒಂದು ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್;
  • ಬಹುಪಯೋಗಿ ವಿನ್ಯಾಸ;
  • ಬ್ಲಾಗ್ ಲೇಔಟ್;
  • ಕನಿಷ್ಠ ನೋಟ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಟಿಎ ಪ್ಲುಟೊ

ಭ್ರಂಶ ಪರಿಣಾಮಗಳು, ಸುಧಾರಿತ ಸ್ಲೈಡರ್, ಗಮನ ಸೆಳೆಯುವ ಅನಿಮೇಷನ್‌ಗಳು ಮತ್ತು ಸುಂದರವಾದ ಕಪ್ಪು ಮತ್ತು ಹಳದಿ ಬಣ್ಣದ ಸಂಯೋಜನೆಯೊಂದಿಗೆ ಉಚಿತ ಒಂದು ಪುಟ ವರ್ಡ್ಪ್ರೆಸ್ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಈ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಧುನಿಕವಾಗಿದೆ ಮತ್ತು ವೈಯಕ್ತಿಕ ಬ್ಲಾಗ್‌ಗಳು, ವ್ಯಾಪಾರ ವೆಬ್‌ಸೈಟ್‌ಗಳು ಅಥವಾ ಪೋರ್ಟ್‌ಫೋಲಿಯೊಗಳಿಗಾಗಿ ಬಳಸಬಹುದು.

ಗುಣಲಕ್ಷಣಗಳು:

ಕುಡಾ

ಸಣ್ಣ ವ್ಯವಹಾರಗಳಿಗೆ ಉಚಿತ ಮಳೆಬಿಲ್ಲು ಬಣ್ಣದ ವರ್ಡ್ಪ್ರೆಸ್ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಸಂತೋಷ ಮತ್ತು ಸಂತೋಷದ ಜನರಿಗೆ ಕ್ಯೂಡಾ ಅತ್ಯುತ್ತಮವಾಗಿದೆ. ಪ್ರತಿಯೊಂದು ವಿಭಾಗವು ತನ್ನದೇ ಆದ ಬಣ್ಣ ಮತ್ತು ಉತ್ತಮ ಅನಿಮೇಷನ್ ಪರಿಣಾಮಗಳನ್ನು ಹೊಂದಿದೆ. ಈ ಥೀಮ್ ಆಧುನಿಕ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಸ್ಪಂದಿಸುವ ಲೇಔಟ್;
  • ಸ್ಥಿರ ಮತ್ತು ಕ್ರಿಯಾತ್ಮಕ ಸ್ಲೈಡರ್;
  • ಫಿಲ್ಟರಿಂಗ್ ವಿಭಾಗಗಳು ಮತ್ತು ಆನ್/ಆಫ್ ವಿಭಾಗಗಳು;
  • ಅನಿಯಮಿತ ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳು;
  • ನಯವಾದ ಸ್ಕ್ರೋಲಿಂಗ್;
  • ಪ್ರತಿ ವಿಭಾಗದಲ್ಲಿ ಚಿತ್ರಗಳನ್ನು ಬಳಸಬಹುದು.
ಲಿಮೋ

ವರ್ಣರಂಜಿತ ಫಾಂಟ್‌ಗಳು, ಐಕಾನ್‌ಗಳು, ವಿಜೆಟ್‌ಗಳು ಮತ್ತು ಅನಿಮೇಷನ್‌ಗಳನ್ನು ಸಂಯೋಜಿಸುವ ಸಣ್ಣ ವ್ಯಾಪಾರಗಳು ಮತ್ತು ಸ್ಟಾರ್ಟ್‌ಅಪ್‌ಗಳಿಗಾಗಿ ಉತ್ತಮ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಇದು ಪೂರ್ಣ ಅಗಲ ಸ್ಲೈಡರ್, ಕ್ಲೀನ್ ಹಿನ್ನೆಲೆ ಮತ್ತು ಬಂಡವಾಳ ಬರುತ್ತದೆ. ಈ ಅತ್ಯುತ್ತಮ ಟೆಂಪ್ಲೇಟ್ಒಂದು ಪೇಜರ್!

ಗುಣಲಕ್ಷಣಗಳು:

  • ಸಂಪೂರ್ಣವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುವ;
  • ಬೆಲೆ ಕೋಷ್ಟಕ;
  • ಹೊಂದಾಣಿಕೆಯ ಏರಿಳಿಕೆ ಸ್ಲೈಡರ್;
  • ಇಂಟಿಗ್ರೇಟೆಡ್ ಫಾಂಟ್ ಅದ್ಭುತ;
  • ಸಂಯೋಜಿತ ಸಂಪರ್ಕ ಫಾರ್ಮ್ 7.
ರೆಸ್ಪಾನ್ಸಿವ್ ಬೋಟ್

ಸಣ್ಣ ವ್ಯವಹಾರಗಳು ಮತ್ತು ಪ್ರಾರಂಭಕ್ಕಾಗಿ ಉತ್ತಮ ಆಧುನಿಕ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಇದು ಅದ್ಭುತವಾದ ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್ ಅನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ಇದು ವರ್ಣರಂಜಿತ ಗುಂಡಿಗಳು ಮತ್ತು ವಿಭಾಗಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ. ResponsiveBoat ಉತ್ತಮ ನೋಟವನ್ನು ಹೊಂದಿದೆ ಮತ್ತು WooCommerce ನೊಂದಿಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ. ಇದನ್ನು ಒಂದು ಪುಟದ ಟೆಂಪ್ಲೇಟ್‌ನಂತೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ಭ್ರಂಶದ ಜೊತೆಗೆ ಆಧುನಿಕ ಅನಿಮೇಷನ್ ಅದನ್ನು ಇನ್ನಷ್ಟು ಸೊಗಸಾಗಿ ಮಾಡುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಸ್ಪಂದಿಸುವ ಲೇಔಟ್;
  • ಅನುವಾದಕ್ಕೆ ಸಿದ್ಧ;
  • ಗ್ರಾಹಕೀಯಗೊಳಿಸಬಹುದಾದ ಹಿನ್ನೆಲೆ ಮತ್ತು ಮೆನು;
  • ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್;
  • WooCommerce ಹೊಂದಾಣಿಕೆ;
  • ಸಾಮಾಜಿಕ ಚಿಹ್ನೆಗಳು;
  • ಕಸ್ಟಮ್ ವಿಷಯ ಬ್ಲಾಕ್‌ಗಳು.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಸ್ಟಾರ್ಟರ್

ಸ್ಟಾರ್ಟರ್ ಪೂರ್ಣ ಗಾತ್ರದ ಚಿತ್ರಗಳು ಮತ್ತು ಪೂರ್ಣ ಪಾರಸ್ಪರಿಕತೆಯೊಂದಿಗೆ ಆಧುನಿಕ ಪೋರ್ಟ್ಫೋಲಿಯೋ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಒಂದು ಪುಟದ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವಾಗಿ ರಚಿಸಲಾಗಿದೆ, ಇಂಟರ್ನೆಟ್‌ನಲ್ಲಿ ತಮ್ಮನ್ನು ತಾವು ಹೆಸರು ಮಾಡಲು ಮತ್ತು ಅವರ ಕೆಲಸವನ್ನು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ಪ್ರಚಾರ ಮಾಡಲು ಬಯಸುವ ಜನರಿಗೆ ಇದನ್ನು ಆಪ್ಟಿಮೈಸ್ ಮಾಡಲಾಗಿದೆ. ಇದು ಅತ್ಯುತ್ತಮ ಉಚಿತ ಒಂದು ಪುಟ ಟೆಂಪ್ಲೇಟ್‌ಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ!

ಗುಣಲಕ್ಷಣಗಳು:

  • ಶುದ್ಧ ವಿನ್ಯಾಸ;
  • ಹೊಂದಿಕೊಳ್ಳುವ ರಚನೆ;
  • ಎಸ್ಇಒ ಹೊಂದುವಂತೆ;
  • ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್.
ಬದಲಿಸಿ

ಸ್ವಿಚ್ ಎನ್ನುವುದು ವ್ಯವಹಾರಗಳು ಮತ್ತು ಪ್ರಾರಂಭಕ್ಕಾಗಿ ಆಧುನಿಕ ಒಂದು-ಪುಟ ವರ್ಡ್ಪ್ರೆಸ್ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಇದು ನಯವಾದ ಸ್ಕ್ರೋಲಿಂಗ್ ಮತ್ತು ಪೂರ್ಣ-ಪರದೆಯ ಸ್ಲೈಡರ್‌ನೊಂದಿಗೆ ಸ್ವಚ್ಛ ಮತ್ತು ವೃತ್ತಿಪರ ನೋಟವನ್ನು ಹೊಂದಿದೆ ಮುಖಪುಟ. ಇದು ಆಧುನಿಕ ಅನಿಮೇಷನ್‌ಗಳು, ವಿಜೆಟ್‌ಗಳು, ಅನುಕೂಲಕರ ಸಂಪರ್ಕ ರೂಪ ಮತ್ತು ಸಾಮಾಜಿಕ ಬಟನ್‌ಗಳನ್ನು ಹೊಂದಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಪೋರ್ಟ್ಫೋಲಿಯೋ ನಮೂದುಗಳ ಪ್ರಕಾರ;
  • ಭ್ರಂಶ ಪರಿಣಾಮ;
  • ವಿಜೆಟ್‌ಗಳು ಮತ್ತು ಸಾಮಾಜಿಕ ಲಿಂಕ್‌ಗಳು;
  • Redux ಚೌಕಟ್ಟಿನ ಆಧಾರದ ಮೇಲೆ ರಚಿಸಲಾಗಿದೆ.
AWE - ಒಂದು ಪುಟದ ಟೆಂಪ್ಲೇಟ್

ಯಾವುದೇ ವ್ಯಾಪಾರಕ್ಕಾಗಿ ಕೆಲಸ ಮಾಡುವ ಅದ್ಭುತ ಬಹುಪಯೋಗಿ ಉಚಿತ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಇದು ಪೂರ್ಣ-ಪರದೆಯ ಹೆಡರ್, ವರ್ಣರಂಜಿತ ಅಂಶಗಳು ಮತ್ತು ವಿಭಾಗಗಳು ಮತ್ತು ಉತ್ತಮ ಅನಿಮೇಷನ್‌ಗಳೊಂದಿಗೆ ಉತ್ತಮವಾದ, ಹರ್ಷಚಿತ್ತದಿಂದ ಮತ್ತು ಆಧುನಿಕ ನೋಟವನ್ನು ಹೊಂದಿದೆ. ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್ ಅನ್ನು ನಯವಾದ ಮತ್ತು ಸುಲಭಗೊಳಿಸುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಸಂಪೂರ್ಣವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುವ;
  • ಪ್ರಬಲ ಗ್ರಾಹಕೀಕರಣ ಆಯ್ಕೆಗಳು;
  • ವೀಡಿಯೊ ಏಕೀಕರಣ (YouTube ಮತ್ತು Vimeo);
  • ಭ್ರಂಶ ಪರಿಣಾಮ;
  • ಎಸ್ಇಒ ಹೊಂದುವಂತೆ;
  • ಬೆಲೆ ಕೋಷ್ಟಕ;
  • ಸಾಮಾಜಿಕ ನೆಟ್ವರ್ಕ್ಗಳಲ್ಲಿ ಏಕೀಕರಣ;
  • ಬೆಂಬಲ ಗೂಗಲ್ ನಕ್ಷೆಗಳುಮತ್ತು ಫಾರ್ಮ್ 7 ಅನ್ನು ಸಂಪರ್ಕಿಸಿ.
ಒಂದು ಪೇಜ್ - ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್

ಯಾವುದೇ ವ್ಯಾಪಾರಕ್ಕಾಗಿ ನಿಜವಾದ ಸುಂದರ ಮತ್ತು ಸೊಗಸಾದ ಟೆಂಪ್ಲೇಟ್. ಇದು ಪೂರ್ಣ-ಪರದೆಯ ಹೆಡರ್, ಸೊಗಸಾದ ಐಕಾನ್‌ಗಳು ಮತ್ತು ಆಧುನಿಕ ನೋಟ ಮತ್ತು ಭಾವನೆಯನ್ನು ಹೊಂದಿದೆ. ಇದರ ಮೃದುವಾದ ಸ್ಕ್ರೋಲಿಂಗ್ ನ್ಯಾವಿಗೇಷನ್ ಅನ್ನು ಹೆಚ್ಚು ಆನಂದದಾಯಕ ಮತ್ತು ಸೊಗಸಾದ ಮಾಡುತ್ತದೆ. One Paze ತಂಪಾದ ಅನಿಮೇಟೆಡ್ ಮುದ್ರಣಕಲೆ ಮತ್ತು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಸುಂದರವಾಗಿ ಕಾಣುವ ಐಕಾನ್‌ಗಳೊಂದಿಗೆ ಬರುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಿಕೊಳ್ಳುವ;
  • ಎಸ್ಇಒ ಸ್ನೇಹಿ;
  • ಮೂರು ಮೆನು ವಿನ್ಯಾಸಗಳು;
  • ಕಸ್ಟಮ್ ಲೋಗೋ;
  • ಹಲವಾರು ಬ್ಲಾಗ್ ವಿನ್ಯಾಸಗಳು;
  • ಬಂಡವಾಳ;
  • ಹೆಚ್ಚಿನ ಡೌನ್ಲೋಡ್ ವೇಗ;
  • ಭ್ರಂಶ ಪರಿಣಾಮ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

BeOnePage - ಒಂದು ಪುಟದ ಟೆಂಪ್ಲೇಟ್

ಬಹಳಷ್ಟು ಬಣ್ಣಗಳು, ಅನಿಮೇಷನ್‌ಗಳು ಮತ್ತು ಆಧುನಿಕ ದೃಶ್ಯ ಪರಿಣಾಮಗಳೊಂದಿಗೆ ಅದ್ಭುತವಾದ ಒಂದು ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್. ಇದು ನಯವಾದ ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್, ಪೂರ್ಣ-ಪರದೆಯ ಲೇಔಟ್ ಮತ್ತು ಬಟನ್‌ಗಳು, ಅನಿಮೇಟೆಡ್ ರಿಬ್ಬನ್‌ಗಳು, ಫಾರ್ಮ್‌ಗಳು, ಬಾಕ್ಸ್‌ಗಳು ಮುಂತಾದ ಅನೇಕ ಸಂವಾದಾತ್ಮಕ ಅಂಶಗಳನ್ನು ಹೊಂದಿದೆ. ಟೆಂಪ್ಲೇಟ್ ಬಹುಪಯೋಗಿಯಾಗಿದೆ, ಆದ್ದರಿಂದ ಇದು ಬಹುತೇಕ ಎಲ್ಲದಕ್ಕೂ ಕೆಲಸ ಮಾಡುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ರೆಟಿನಾಗೆ ಹೊಂದುವಂತೆ;
  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • ಭ್ರಂಶ ಸ್ಕ್ರೋಲಿಂಗ್;
  • ಅಜಾಕ್ಸ್ ಬಂಡವಾಳ;
  • ಅನಿಯಮಿತ ಮುದ್ರಣಕಲೆ ಮತ್ತು ಬಣ್ಣಗಳು;
  • ವಿಡಿಯೋಫೋನ್;
  • ಸಾಮಾಜಿಕ ನೆಟ್ವರ್ಕ್ ಐಕಾನ್ಗಳು.
ಟ್ಯಾಲೋನ್

Talon ನಿಮ್ಮ ವ್ಯಾಪಾರ ಒಂದು ಸುಂದರ ಮತ್ತು ಕ್ಲೀನ್ ಒಂದು ಪುಟ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಇದು ಬಹುಪಯೋಗಿ ಮತ್ತು ಆಧುನಿಕ, ಸೊಗಸಾದ ನೋಟವನ್ನು ಹೊಂದಿದೆ. ಟ್ಯಾಲೋನ್ ಅನ್ನು ಕಾರ್ಪೊರೇಟ್ ಮತ್ತು ಸೃಜನಶೀಲ ಸಂಸ್ಥೆಗಳು ಮತ್ತು ಏಜೆನ್ಸಿಗಳು ಬಳಸಬಹುದು ಏಕೆಂದರೆ ಇದು ಹೊಂದಿಕೊಳ್ಳುವ ಮತ್ತು ಸೊಗಸಾದ ನೋಟವನ್ನು ಹೊಂದಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಕಸ್ಟಮ್ ಹೆಡರ್ / ಸ್ಲೈಡರ್;
  • ಕಸ್ಟಮ್ ಐಕಾನ್‌ಗಳು;
  • Google ಫಾಂಟ್‌ಗಳು ಮತ್ತು ಬಣ್ಣಗಳು;
  • SiteOrigin ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಬಿಲ್ಡರ್‌ಗೆ ಬೆಂಬಲ;
  • widgetized ಅಡಿಟಿಪ್ಪಣಿ;
  • ಬ್ಲಾಗ್ ವಿನ್ಯಾಸಗಳು;
  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ.

ಹೆಚ್ಚಿನ ವಿವರಗಳು ಡೆಮೊ

ಇವಿಷನ್ ಕಾರ್ಪೊರೇಟ್

EVision ಕಾರ್ಪೊರೇಟ್ ಎಂಬುದು ಕಾರ್ಪೊರೇಟ್ ವ್ಯವಹಾರಗಳು, ಸ್ಟಾರ್ಟ್‌ಅಪ್‌ಗಳು, ಸಣ್ಣ ವ್ಯವಹಾರಗಳು, ಪೋರ್ಟ್‌ಫೋಲಿಯೊಗಳು ಇತ್ಯಾದಿಗಳಿಗಾಗಿ ಒಂದು ಪುಟದ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಆಗಿದೆ. ಈ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಸರಳ ಮತ್ತು ವರ್ಣರಂಜಿತ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಿದೆ ಅದು ಅದೇ ಸಮಯದಲ್ಲಿ ಸ್ನೇಹಪರ ಮತ್ತು ವೃತ್ತಿಪರವಾಗಿದೆ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಸಂಪೂರ್ಣವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುವ;
  • ಒಂದು ಪುಟ ವಿನ್ಯಾಸ;
  • ರೆಟಿನಾ-ಸಿದ್ಧ;
  • CSS3 ಅನಿಮೇಷನ್‌ಗಳು;
  • ಬಣ್ಣ ನಿಯಂತ್ರಣ;
  • ಫಾಂಟ್ ಅದ್ಭುತ ಮತ್ತು ಗೂಗಲ್ ಫಾಂಟ್ಗಳು;
  • ಹೊಂದಿಕೊಳ್ಳುವ ಲೇಔಟ್;
  • ಅನುವಾದಕ್ಕೆ ಸಿದ್ಧವಾಗಿದೆ.
ಫ್ಲ್ಯಾಶ್

ನೀವು ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವನ್ನು ಖರೀದಿಸಲು ಬಯಸಿದ್ದೀರಾ? ಏನು ಪ್ರಯೋಜನ? ಸರಳ ಮತ್ತು ಸೊಗಸಾದ ಒಂದು ಪುಟದ ಲೇಔಟ್, ಪೂರ್ಣ-ಅಗಲದ ಸ್ಲೈಡರ್, ಉತ್ತಮವಾದ ಪೋರ್ಟ್ಫೋಲಿಯೋ ಮತ್ತು ಅನಿಮೇಟೆಡ್ ಅಂಕಿಅಂಶಗಳೊಂದಿಗೆ ರಿಬ್ಬನ್ ಬಾರ್ನೊಂದಿಗೆ ವ್ಯಾಪಾರ ಮತ್ತು ಕಾರ್ಪೊರೇಟ್ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗಾಗಿ ಕನಿಷ್ಠ ಮತ್ತು ಕ್ಲೀನ್ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಇದ್ದರೆ. ಒಟ್ಟಾರೆಯಾಗಿ, ನಿಮ್ಮ ವ್ಯಾಪಾರವನ್ನು ಎದ್ದು ಕಾಣುವಂತೆ ಮಾಡುವ ಅಚ್ಚುಕಟ್ಟಾದ ವಿನ್ಯಾಸ.

ಗುಣಲಕ್ಷಣಗಳು:

  • ಹೊಂದಾಣಿಕೆಯ ವಿನ್ಯಾಸ;
  • 6+ ವಿಜೆಟ್ ಪ್ರದೇಶಗಳು ಮತ್ತು 11+ ಕಸ್ಟಮ್ ವಿಜೆಟ್‌ಗಳು;
  • ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಬಿಲ್ಡರ್;
  • ಬಣ್ಣಗಳ ಬದಲಾವಣೆ;
  • ಸ್ಥಿರ ಮತ್ತು ರಬ್ಬರ್ ಲೇಔಟ್;
  • ಉತ್ಪನ್ನಗಳಿಗೆ ಅತ್ಯುತ್ತಮ ಶೋಧಕಗಳು;
  • ಹೊಂದುವಂತೆ ಮಾಡಲಾಗಿದೆ ಅತಿ ವೇಗಡೌನ್ಲೋಡ್ಗಳು ಮತ್ತು SEO.
ತೀರ್ಮಾನ - ಅತ್ಯುತ್ತಮ ಉಚಿತ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್

ನೀವು ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಖರೀದಿಸಲು ಬಯಸಿದ್ದೀರಾ? ಏಕೆ ಖರೀದಿಸಬೇಕು? ಈ ಲೇಖನಕ್ಕಾಗಿ ಆಯ್ಕೆ ಮಾಡಲಾದ ಎಲ್ಲಾ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ ಟೆಂಪ್ಲೇಟ್‌ಗಳು ತಮ್ಮದೇ ಆದ ರೀತಿಯಲ್ಲಿ ಉತ್ತಮವಾಗಿವೆ ಮತ್ತು ಅವೆಲ್ಲವೂ ಉಚಿತವಾಗಿದೆ. ನನಗೆ ಉತ್ತಮವಾದದನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ, ಆದರೆ ಅವರೆಲ್ಲರೂ ಇದನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಹೊಂದಿದ್ದಾರೆ: ಅವರು ಉಚಿತ, ಸ್ಪಂದಿಸುವ, ವೃತ್ತಿಪರ ಮತ್ತು ತುಂಬಾ ಸುಂದರವಾಗಿದ್ದಾರೆ.

ಲ್ಯಾಂಡಿಂಗ್ ಪುಟಗಳನ್ನು ಉಚಿತವಾಗಿ ರಚಿಸಲು ಇತರ ಆಯ್ಕೆಗಳು ಏನೆಂದು ನೀವು ತಿಳಿದುಕೊಳ್ಳಲು ಬಯಸಿದರೆ, ನೀವು ಲೇಖನದಲ್ಲಿ 100% ಆಸಕ್ತಿ ಹೊಂದಿರುತ್ತೀರಿ: "".

ಶುಭಾಶಯಗಳು, ನನ್ನ ಪ್ರಿಯ ಓದುಗರು. ಇಂದು ನಾವು ನಮ್ಮ ಸರಕು ಅಥವಾ ಸೇವೆಗಳ ಮಾರಾಟದ ಪರಿವರ್ತನೆಯನ್ನು ಹೆಚ್ಚಿಸುವ ತಾಂತ್ರಿಕ ಅಂಶಗಳ ಬಗ್ಗೆ ಮಾತನಾಡುತ್ತೇವೆ. ಒಂದು ಪ್ರಮುಖ ಅಂಶವೆಂದರೆ ಚೆನ್ನಾಗಿ ಯೋಚಿಸುವುದು ಲ್ಯಾಂಡಿಂಗ್ ಪುಟಸರಕುಗಳೊಂದಿಗೆ. ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ ಎಂದು ಕರೆಯಲ್ಪಡುವ, ಅದರ ರಚನೆಯನ್ನು ನಾವು ನಂತರ ಮಾತನಾಡುತ್ತೇವೆ ಮತ್ತು ರೆಡಿಮೇಡ್ ಪುಟ ಕೋಡ್‌ಗಳನ್ನು ಪಡೆಯುತ್ತೇವೆ.

ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ ಎಂದರೇನು? ಜಾಹೀರಾತಿನ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದ ನಂತರ ಜನರು ಸಾಮಾನ್ಯವಾಗಿ ಬರುವ ಪುಟ ಇದಾಗಿದೆ. ಒಂದು ಕೊಡುಗೆಗಾಗಿ ರಚಿಸಲಾಗಿದೆ: ಉತ್ಪನ್ನ, ಸೇವೆ ಅಥವಾ ಚಂದಾದಾರಿಕೆ. ಪರಿಣಾಮಕಾರಿ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವು ಯಶಸ್ವಿ ಆನ್‌ಲೈನ್ ಮಾರ್ಕೆಟಿಂಗ್‌ನ ಮೂಲಾಧಾರವಾಗಿದೆ. ಉತ್ಪನ್ನವು ಮಾರುಕಟ್ಟೆಯಲ್ಲಿ ಅತ್ಯುತ್ತಮವಾಗಿರಬಹುದು, ಜಾಹೀರಾತುಗಳು ಪರಿಪೂರ್ಣವಾಗಿವೆ, ಆದರೆ ಉತ್ತಮ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವಿಲ್ಲದೆ, ಪ್ರಯತ್ನಗಳು 100% ಫಲಿತಾಂಶಗಳನ್ನು ನೀಡುವುದಿಲ್ಲ. ಇದು ಸಂದರ್ಶಕರಿಗೆ ಏನು ಆಫರ್‌ನಲ್ಲಿದೆ ಮತ್ತು ಅವರು ಅದನ್ನು ಏಕೆ ಬಯಸಬೇಕೆಂದು ಹೇಳುತ್ತದೆ. ತುರ್ತು ಪ್ರಜ್ಞೆಯು ತ್ವರಿತ ನಿರ್ಧಾರ ತೆಗೆದುಕೊಳ್ಳಲು ಮತ್ತು ಗ್ರಾಹಕನ ವರ್ಗಕ್ಕೆ ಬಳಕೆದಾರರ ಪರಿವರ್ತನೆಗೆ ಕೊಡುಗೆ ನೀಡುತ್ತದೆ.

ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವನ್ನು ಹೇಗೆ ರಚಿಸುವುದು? ಟೈಪ್‌ಸೆಟ್ ಮಾಡುವ ಸಾಮರ್ಥ್ಯದಲ್ಲಿ ಉತ್ತರವಿದೆ ಎಂದು ನಂಬುವುದು ತಪ್ಪು. ಉತ್ತಮ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವು ಗುರಿಗಳು, ಪಠ್ಯ, ವಿನ್ಯಾಸ ಮತ್ತು ಕೋಡ್‌ನಲ್ಲಿ ಸಂಘಟಿತ ಕೆಲಸದ ಫಲಿತಾಂಶವಾಗಿದೆ. ಲ್ಯಾಂಡಿಂಗ್ ಪುಟಗಳು, ಅದರ ಉದಾಹರಣೆಗಳು ಕೆಳಗೆ ಇರುತ್ತವೆ, ಆರಂಭಿಕರಿಗಾಗಿ ಲೇಔಟ್‌ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ಕಲಿಯಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ, ಆದರೆ ಪರಿವರ್ತನೆ ಪಠ್ಯಗಳನ್ನು ಮತ್ತು ಗುರಿ ಪ್ರೇಕ್ಷಕರ ತಿಳುವಳಿಕೆಯನ್ನು ಬದಲಾಯಿಸುವುದಿಲ್ಲ. ವಿವಿಧ ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ ಡಿಸೈನರ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಅವುಗಳನ್ನು ರಚಿಸಬಹುದು.

ಆದ್ದರಿಂದ, ರಚಿಸುವ ಮೊದಲು ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ, ನಿನ್ನನ್ನೇ ಕೇಳಿಕೋ:

  • ಲ್ಯಾಂಡಿಂಗ್ ಪುಟದಲ್ಲಿ ಇಳಿದ ನಂತರ ವ್ಯಕ್ತಿಯು ಏನು ಮಾಡುತ್ತಾನೆ? ಅವನು ಏನನ್ನಾದರೂ ಖರೀದಿಸುತ್ತಾನೆಯೇ? ನೀವು ಫಾರ್ಮ್ ಅನ್ನು ಭರ್ತಿ ಮಾಡುತ್ತೀರಾ? ಸುದ್ದಿಪತ್ರಕ್ಕೆ ಚಂದಾದಾರರಾಗುವುದೇ? ನಿಮ್ಮ ಪರಿವರ್ತನೆ ದರವನ್ನು ನೀವು ಟ್ರ್ಯಾಕ್ ಮಾಡುವ ಮೊದಲು, ಸ್ಪಷ್ಟ ಗುರಿಗಳನ್ನು ಹೊಂದಿಸಿ.
  • ನನ್ನ ಪ್ರತಿಸ್ಪರ್ಧಿಗಳು ಯಾರು? ವಾಸ್ತವದಲ್ಲಿ, ಇವು ಮೂರು ಪ್ರಶ್ನೆಗಳಾಗಿವೆ: ಯಾರು, ಅವರು ಎಷ್ಟು ಯಶಸ್ವಿಯಾಗಿದ್ದಾರೆ ಮತ್ತು ಅವರ ಸಾಧನೆಗಳನ್ನು ಹೇಗೆ ಅನ್ವಯಿಸಬಹುದು? ಅನುಕರಣೆಯು ಸ್ತೋತ್ರದ ಪ್ರಾಮಾಣಿಕ ರೂಪವಾಗಿದೆ. ನಿಮ್ಮ ಪ್ರತಿಸ್ಪರ್ಧಿಗಳು ಏನಾದರೂ ಕೆಲಸ ಮಾಡುತ್ತಿದ್ದರೆ, ಅದನ್ನು ನಿಮ್ಮ ಸೈಟ್‌ನಲ್ಲಿ ಪುನರಾವರ್ತಿಸಿ.
  • ನನ್ನ ಪ್ರೇಕ್ಷಕರು ಯಾರು? ನಿಮ್ಮ ಸ್ಥಾಪಿತ ಮತ್ತು ಗುರಿ ಪ್ರೇಕ್ಷಕರನ್ನು ನೀವು ಉತ್ತಮವಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತೀರಿ, ನಿಮ್ಮ ಪ್ರಯತ್ನಗಳು ಫಲ ನೀಡುವ ಹೆಚ್ಚಿನ ಅವಕಾಶ.

ನೀವು ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ಮಾಹಿತಿಯನ್ನು ಒದಗಿಸಬೇಕಾಗಿದೆ, ಆದರೆ ನಿಮ್ಮ ಸಂಭಾವ್ಯ ಕ್ಲೈಂಟ್ ಅನ್ನು ನೀವು ಮುಳುಗಿಸಿ ಓಡಿಸುವಷ್ಟು ಅಲ್ಲ.

ಲ್ಯಾಂಡಿಂಗ್ ಪುಟವನ್ನು ರಚಿಸುವ ಉದಾಹರಣೆಗಳು + ಡಮ್ಮೀಸ್‌ಗಾಗಿ ಕೋಡಿಂಗ್

ನಾವು ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು, HTML ಮತ್ತು CSS ಅನ್ನು ತ್ವರಿತವಾಗಿ ನೋಡೋಣ. ಅವರು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತಾರೆ ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ಲ್ಯಾಂಡಿಂಗ್ ಅನ್ನು ರಚಿಸಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.

HTML ವೆಬ್‌ಸೈಟ್ ದೃಶ್ಯೀಕರಣಕ್ಕಾಗಿ ಬ್ರೌಸರ್ ಮಾರ್ಕ್ಅಪ್ ಭಾಷೆಯಾಗಿದೆ. ವಿಷಯವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುವ ಕೋನ ಬ್ರಾಕೆಟ್‌ಗಳಲ್ಲಿ ಸುತ್ತುವರಿದ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಬಳಸಿ ಬರೆಯಲಾಗಿದೆ.

ಟ್ಯಾಗ್ ತೆರೆಯುತ್ತದೆ () ಮತ್ತು ತುಂಬುವಿಕೆಯ ಸುತ್ತಲೂ () ಮುಚ್ಚುತ್ತದೆ:

ವಿಷಯ

ಉತ್ತಮ-ಶ್ರುತಿಗಾಗಿ, ಹೆಸರಿನ ನಂತರ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ:

ವಿಷಯ

ಸಿಎಸ್ಎಸ್ - ಸ್ಥಾನವನ್ನು ಹೇಗೆ ವಿವರಿಸುತ್ತದೆ HTML ಅಂಶಗಳು. ಆಯ್ಕೆದಾರರು, ಗುಣಲಕ್ಷಣಗಳು ಮತ್ತು ಮೌಲ್ಯಗಳನ್ನು ಒಳಗೊಂಡಿದೆ:

#ಆಯ್ಕೆಗಾರ (ಆಸ್ತಿ: ಮೌಲ್ಯ;)

ಸೆಲೆಕ್ಟರ್ html ನಲ್ಲಿ ನಿರ್ದಿಷ್ಟ ಟ್ಯಾಗ್‌ನ ಹೆಸರಿಗೆ ಹೊಂದಿಕೆಯಾಗುತ್ತದೆ. ಮೌಲ್ಯಗಳನ್ನು ಬದಲಾಯಿಸುವುದು ಮತ್ತು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಸೇರಿಸುವುದು ಅದರ ನೋಟವನ್ನು ಸರಿಹೊಂದಿಸುತ್ತದೆ. ಒಂದೇ HTML ಗೆ ವಿಭಿನ್ನ CSS ಶೈಲಿಗಳನ್ನು ಅನ್ವಯಿಸುವ ಮೂಲಕ ನೀವು ಪರಸ್ಪರ ವಿಭಿನ್ನವಾಗಿ ಕಾಣುವ ಪುಟಗಳನ್ನು ರಚಿಸಬಹುದು.

5 ಆರಂಭಿಕ ಹಂತಗಳು

ತ್ವರಿತ ಲೇಔಟ್‌ಗಾಗಿ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಆಧಾರಿತ ಕನಿಷ್ಠ ವಿನ್ಯಾಸದೊಂದಿಗೆ ನಾವು ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಬಳಸುತ್ತೇವೆ. ಇದು ತನ್ನದೇ ಆದ ಆಯ್ಕೆದಾರರನ್ನು ಹೊಂದಿರುವ ವ್ಯವಸ್ಥೆಯಾಗಿದ್ದು, ವಿನ್ಯಾಸವನ್ನು ವೇಗಗೊಳಿಸಲು ಪ್ರಪಂಚದಾದ್ಯಂತ ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.

ಇದು ಸಾಧಾರಣವಾಗಿ ಕಾಣುತ್ತದೆ.

ಈ ಮೀನಿನಿಂದ ಪ್ರತಿ ರುಚಿಗೆ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ಹಲವಾರು ಹಂತಗಳಲ್ಲಿ ರಚಿಸಲಾಗಿದೆ.

ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಡೈರೆಕ್ಟರಿ ರಚನೆ:

  • index.html: ಇದು ನಾವು ಸಂಪಾದಿಸುವ ಮುಖ್ಯ ಫೈಲ್ ಆಗಿದೆ.
  • / ಸ್ವತ್ತುಗಳು: ಸಹಾಯಕ ಫೈಲ್‌ಗಳು ಇಲ್ಲಿವೆ:
  • /css: ಡೈರೆಕ್ಟರಿಯು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಮತ್ತು ಐಕಾನ್ ಶೈಲಿಗಳನ್ನು ಒಳಗೊಂಡಿದೆ. ನಾವು ಸಂಪಾದಿಸುವ ಫೈಲ್ main.css ಆಗಿದೆ.
  • /img: ಸೈಟ್ ಚಿತ್ರಗಳಿಗಾಗಿ ಫೋಲ್ಡರ್.
  • / ಫಾಂಟ್‌ಗಳು: ಐಕಾನ್ ಫಾಂಟ್‌ಗಳು.
  • /js: ಬೂಟ್‌ಸ್ಟ್ರಾಪ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್‌ಗಳು.

ಹಂತ 1: ಶಿರೋಲೇಖವನ್ನು ಬಳಸುವುದು

ಶಿರೋನಾಮೆ ಮತ್ತು ಉಪಶೀರ್ಷಿಕೆಗಳು - ಪ್ರಮುಖ ಸ್ಥಳಗಳು, ಮೌಲ್ಯದ ಪ್ರತಿಪಾದನೆಯನ್ನು ಸ್ಪಷ್ಟವಾಗಿ ಸಂವಹನ ಮಾಡಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.

ಸೈಟ್‌ನ ಶೀರ್ಷಿಕೆ ಮತ್ತು ಹೆಸರನ್ನು ಬದಲಾಯಿಸೋಣ. ಇಲ್ಲಿ ನೀವು ಟೈಪಿಂಗ್ ಕೌಶಲ್ಯಗಳನ್ನು ಹೊಂದಿರಬೇಕಾಗಿಲ್ಲ - ಪರದೆಯ ಮೇಲೆ ಹಳದಿ ಬಣ್ಣದಲ್ಲಿ ಹೈಲೈಟ್ ಮಾಡಲಾದ ಸ್ಥಳಗಳಲ್ಲಿ ನಿಮ್ಮ ಸ್ವಂತ ಪಠ್ಯವನ್ನು ನೀವು ಬರೆಯುತ್ತೀರಿ.

ಹಂತ 2. ಸಂಕ್ಷಿಪ್ತತೆಯು ಪರಿವರ್ತನೆಯ ಸಹೋದರಿ. ಪ್ರಯೋಜನಗಳು ಮತ್ತು ದರಗಳನ್ನು ಸೇರಿಸಲಾಗುತ್ತಿದೆ

ನಿಮಗೆ 4 ವಿಭಾಗಗಳು ಬೇಕಾಗುತ್ತವೆ:

  • ಅನುಕೂಲಗಳು;
  • ದರಗಳು;
  • ವಿಮರ್ಶೆಗಳು;
  • ಕ್ರಿಯೆಗೆ ಕರೆ.

ಮುಖ್ಯ ವಿಷಯ "ಮುಖ್ಯ" ವಿಭಾಗವನ್ನು ರಚಿಸೋಣ, ಅದರಲ್ಲಿ ನಾವು ಅಗತ್ಯ ವಿಭಾಗಗಳನ್ನು ಸೇರಿಸುತ್ತೇವೆ:


…..
…..
…..
…..

ಚುಕ್ಕೆಗಳ ಬದಲಿಗೆ ಭರ್ತಿ ಮಾಡಿ.

ಪ್ರಯೋಜನಗಳ ವಿಭಾಗಕ್ಕೆ ನಿಮಗೆ ಈ ಕೋಡ್ ಅಗತ್ಯವಿದೆ:


ಅನುಕೂಲಗಳು
ವೇಗವಾಗಿ

ವಿಶ್ವಾಸಾರ್ಹ

ಸೆಡ್ ಡೈಮ್ ನಾನ್‌ಮ್ಮಿ


ಲಾಭದಾಯಕ

ಎಲಿಟ್, ಸೆಡ್ ಡೈಮ್ ನಾನ್‌ಮ್ಮಿ


ತಾಂತ್ರಿಕವಾಗಿ

ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡೈಮ್ ನಾನ್‌ಮ್ಮಿ


ವಿಶ್ವಾಸಾರ್ಹ

ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡೈಮ್ ನಾನ್‌ಮ್ಮಿ


ಲಾಭದಾಯಕ

ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡೈಮ್ ನಾನ್‌ಮ್ಮಿ


ತಾಂತ್ರಿಕವಾಗಿ

ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸಿಂಗ್


ವಿಶ್ವಾಸಾರ್ಹ

ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸಿಂಗ್


ಲಾಭದಾಯಕ

ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸಿಂಗ್


ಸ್ಪಷ್ಟತೆಗಾಗಿ ವಿಷಯ:

ಇದು ಇನ್ನೂ ದೊಗಲೆಯಾಗಿ ಕಾಣುತ್ತದೆ, ಆದರೆ ಪ್ಯಾನಿಕ್ ಮಾಡಲು ಯಾವುದೇ ಕಾರಣವಿಲ್ಲ, ನಾವು ಮುಂದುವರಿಸೋಣ.

ನಾವು ಬೆಲೆಗಳನ್ನು ಬರೆಯುತ್ತೇವೆ. ಮೊದಲ ಹಂತದಂತೆಯೇ ವಿಷಯವು ಬದಲಾಗುತ್ತದೆ. ಸಾಮಾನ್ಯ ವಿವರಣೆವರ್ಗ "ಸುಂಕಗಳು" ಮತ್ತು ಮೂರು ಸುಂಕಗಳೊಂದಿಗೆ.



ಸುಂಕ ಯೋಜನೆಗಳು

ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡೈಮ್ ನೊನಮ್ಮಿ ನಿಭ್ ಯುಯಿಸ್ಮಾಡ್ ಟಿನ್ಸಿಡುಂಟ್ ಯುಟ್ ಲಾರೀಟ್ ಡೋಲೋರ್ ಮ್ಯಾಗ್ನಾ ಅಲಿಕ್ವಾಮ್ ಎರಟ್ ವೋಲ್ಟ್ಪಾಟ್. ಯುಟ್ ವೈಸಿ ಎನಿಮ್ ಅಡ್ ಮಿನಿಮ್ ವೆನಿಯಮ್, ಕ್ವಿಸ್ ನಾಸ್ಟ್ರುಡ್ ಎಕ್ಸರ್ಸಿ ಟೇಶನ್ ಉಲ್ಲಾಮ್ಕಾರ್ಪರ್ ಸಸಿಪಿಟ್ ಲೋಬೋರ್ಟಿಸ್ ನಿಸ್ಲ್ ಯುಟ್ ಅಲಿಕ್ವಿಪ್ ಎಕ್ಸ್ ಇಎ ಕೊಮೊಡೊ ಕಾನ್ಸೆಕ್ವಾಟ್.


ಸುಂಕ ಸಂಖ್ಯೆ 1
$10

ತಿಂಗಳಿಗೆ/ಪ್ರತಿ ವ್ಯಕ್ತಿಗೆ



  • ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್

  • ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್

  • 10 ಲೋರೆಮ್ ಇಪ್ಸಮ್


ಆದೇಶ
ಸುಂಕ ಸಂಖ್ಯೆ. 2
$20

ತಿಂಗಳಿಗೆ/ಪ್ರತಿ ವ್ಯಕ್ತಿಗೆ



  • ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್

  • ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್

  • 10 ಲೋರೆಮ್ ಇಪ್ಸಮ್


ಆದೇಶ
ಸುಂಕ ಸಂಖ್ಯೆ. 3
$30

ತಿಂಗಳಿಗೆ/ಪ್ರತಿ ವ್ಯಕ್ತಿಗೆ



  • ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್

  • ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್

  • 10 ಲೋರೆಮ್ ಇಪ್ಸಮ್


ಆದೇಶ

ಹಾಗೆ ತೋರುತ್ತಿದೆ.

ಸದ್ಯಕ್ಕೆ, ಭವಿಷ್ಯದ ಲ್ಯಾಂಡಿಂಗ್ ಪುಟದ ನೋಟದಲ್ಲಿ ನಾವು ಆಸಕ್ತಿ ಹೊಂದಿಲ್ಲ - ನಾವು ಕೆಳಗಿನ ಶೈಲಿಗಳನ್ನು ಬದಲಾಯಿಸುವ ಉದಾಹರಣೆಗಳನ್ನು ನೋಡುತ್ತೇವೆ.

ಹಂತ 3: ಸಂಕೇತಗಳನ್ನು ನಂಬಿ ಮತ್ತು ಕ್ರಿಯೆಗೆ ಕರೆ ಮಾಡಿ

ಉದ್ದೇಶಿತ ಸಂಕೇತಗಳನ್ನು ಬಳಸುವುದು ಬ್ರ್ಯಾಂಡ್ ನಂಬಲರ್ಹವಾಗಿದೆ ಎಂದು ಸಂದರ್ಶಕರಿಗೆ ಸೂಚಿಸುತ್ತದೆ. ಸಂಕೇತಗಳನ್ನು ಸ್ವೀಕರಿಸಬಹುದು ವಿವಿಧ ರೀತಿಯ, ಆದರೆ ಕ್ಲಾಸಿಕ್‌ಗಳು ಗ್ರಾಹಕರ ವಿಮರ್ಶೆಗಳಾಗಿವೆ.



ಗ್ರಾಹಕರ ವಿಮರ್ಶೆಗಳು

ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಅಡಿಪಿಸಿಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡು ಐಯುಸ್ಮೋಡ್ ಟೆಂಪರ್ ಇನ್ಸಿಡಿಡಂಟ್ ಯುಟ್ ಲೇಬರ್ ಮತ್ತು ಡೋಲೋರ್ ಮ್ಯಾಗ್ನಾ ಅಲಿಕ್ವಾ. ಯುಟ್ ಎನಿಮ್ ಅಡ್ ಮಿನಿಮ್ ವೆನಿಯಮ್, ಕ್ವಿಸ್ ನಾಸ್ಟ್ರುಡ್ ಎಕ್ಸರ್ಸಿಟೇಶನ್ ಉಲ್ಲಮ್ಕೊ ಲೇಬರಿಸ್ ನಿಸಿ ಯುಟ್ ಅಲಿಕ್ವಿಪ್ ಎಕ್ಸ್ ಇಎ ಕೊಮೊಡೊ:



“ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಅಡಿಪಿಸಿಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡು ಐಯುಸ್ಮೋಡ್ ಟೆಂಪರ್ ಇನ್ಸಿಡಿಡೆಂಟ್ ಯುಟ್ ಲೇಬರ್ ಎಟ್ ಡೋಲೋರ್ ಮ್ಯಾಗ್ನಾ ಅಲಿಕ್ವಾ. "ಉತ್ ಎನಿಮ್ ಅಡ್ ಮಿನಿಮ್ ವೆನಿಯಮ್, ಕ್ವಿಸ್ ನಾಸ್ಟ್ರುಡ್ ಎಕ್ಸರ್ಸಿಟೇಶನ್ ಉಲ್ಲಮ್ಕೊ ಲೇಬರಿಸ್ ನಿಸಿ ಯುಟ್ ಅಲಿಕ್ವಿಪ್ ಎಕ್ಸ್ ಇಎ ಕಮೊಡೊ."
“ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಅಡಿಪಿಸಿಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡು ಐಯುಸ್ಮೋಡ್ ಟೆಂಪರ್ ಇನ್ಸಿಡಿಡೆಂಟ್ ಯುಟ್ ಲೇಬರ್ ಎಟ್ ಡೋಲೋರ್ ಮ್ಯಾಗ್ನಾ ಅಲಿಕ್ವಾ. "ಉತ್ ಎನಿಮ್ ಅಡ್ ಮಿನಿಮ್ ವೆನಿಯಮ್, ಕ್ವಿಸ್ ನಾಸ್ಟ್ರುಡ್ ಎಕ್ಸರ್ಸಿಟೇಶನ್ ಉಲ್ಲಮ್ಕೊ ಲೇಬರಿಸ್ ನಿಸಿ ಯುಟ್ ಅಲಿಕ್ವಿಪ್ ಎಕ್ಸ್ ಇಎ ಕಮೊಡೊ."

ಕ್ರಿಯೆಗೆ ಕರೆಯನ್ನು ಹೊಂದಿಸೋಣ.



ನೀವು ಇಂದು ಆರ್ಡರ್ ಮಾಡಿದಾಗ ಪ್ರಯೋಜನ ಪಡೆಯಿರಿ

ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡೈಮ್ ನೊನಮ್ಮಿ ನಿಭ್ ಯುಯಿಸ್ಮಾಡ್ ಟಿನ್ಸಿಡುಂಟ್ ಯುಟ್ ಲಾರೀಟ್ ಡೋಲೋರ್ ಮ್ಯಾಗ್ನಾ ಅಲಿಕ್ವಾಮ್ ಎರಟ್ ವೋಲ್ಟ್ಪಾಟ್. ಯುಟಿ ವಿಸಿ ಎನಿಮ್ ಅಡ್ ಮಿನಿಮ್ ವೆನಿಯಮ್, ಕ್ವಿಸ್ ನಾಸ್ಟ್ರುಡ್ ಎಕ್ಸರ್ಸಿ ಟೇಶನ್ ಉಲ್ಲಮ್‌ಕಾರ್ಪರ್ ಸಸಿಪಿಟ್ ಲೋಬೋರ್ಟಿಸ್ ನಿಸ್ಲ್ ಯುಟ್ ಅಲಿಕ್ವಿಪ್ ಎಕ್ಸ್ ಇಎ ಕೊಮೊಡೊ ಕಾನ್ಸೆಕ್ವಾಟ್:


ಈಗ ಆದೇಶಿಸು!

ಸಂಭಾವ್ಯ ಗ್ರಾಹಕರು ಉತ್ಪನ್ನವನ್ನು ಖರೀದಿಸಲು ನಿರ್ಧರಿಸಲು ವಿಮರ್ಶೆಗಳು ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಸ್ಪಷ್ಟತೆಗಾಗಿ, ನಮಗೆ ಅವತಾರಗಳು ಬೇಕಾಗುತ್ತವೆ, ಆದ್ದರಿಂದ ನಾವು ಅವುಗಳನ್ನು ತಕ್ಷಣವೇ ಇರಿಸುತ್ತೇವೆ - ಪ್ರತಿ ಉಲ್ಲೇಖದ ಅಡಿಯಲ್ಲಿ.


ಕಕ್ಷಿದಾರನ ಹೆಸರು.


ಹಂತ 4: ಗ್ರಿಡ್ ಮತ್ತು ಮೊಬೈಲ್ ಸ್ನೇಹಿ ಏಕೀಕರಣ

ಗ್ರಿಡ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು, ನಮಗೆ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಕಂಟೈನರ್‌ಗಳು ಬೇಕಾಗುತ್ತವೆ. ಮಾನ್ಯವಾದ ಕಾಲಮ್ ವಿಭಾಗಗಳ ಒಟ್ಟು ಸಂಖ್ಯೆಯನ್ನು ನೆನಪಿಟ್ಟುಕೊಳ್ಳುವುದು ಮುಖ್ಯ - 12. ವರ್ಗವು ವಿಷಯ ಪ್ರದರ್ಶನದ ಅಗಲವನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ. ಈ ಪೂರ್ವ-ನಿರ್ಮಿತ ಗ್ರಿಡ್‌ನ ಉತ್ತಮ ವಿಷಯವೆಂದರೆ ಕಂಟೈನರ್‌ಗಳನ್ನು ಮನಸ್ಸಿನಲ್ಲಿ ಸ್ಪಂದಿಸುವ ಮೂಲಕ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ ಮತ್ತು ಮೊಬೈಲ್ ಸಾಧನಗಳಲ್ಲಿ ತಕ್ಷಣವೇ ಬಳಸಬಹುದಾಗಿದೆ. ವಿವರವಾದ ವಿವರಣೆಅಧಿಕೃತ ಸೈಟ್ನಲ್ಲಿ. ಗ್ರಿಡ್ ಈ ರೀತಿ ಕಾಣುತ್ತದೆ.

"ಮುಖ್ಯ" ದ ವಿಷಯಗಳನ್ನು ಕಂಟೇನರ್ನಲ್ಲಿ ಸುತ್ತಿಡಲಾಗುತ್ತದೆ. ಇದನ್ನು ಮಾಡಲು, ಈ ಕೆಳಗಿನವುಗಳನ್ನು ಮೇಲ್ಭಾಗದಲ್ಲಿ ಬರೆಯಲಾಗಿದೆ:

… .

ಪರದೆಯ ಸಂಪೂರ್ಣ ಅಗಲವನ್ನು ಹೊಂದಿಸಲು ನಿಮಗೆ ಬ್ಲಾಕ್ ಅಗತ್ಯವಿದ್ದರೆ, ನಂತರ ಧಾರಕವನ್ನು ಒಳಗೆ ಸೇರಿಸಲಾಗುತ್ತದೆ. ಇಲ್ಲಿ ಇದು ಜಂಬೊಟ್ರಾನ್ ಮತ್ತು ಕ್ರಿಯೆಗೆ ಕರೆ ಇರುತ್ತದೆ.

ಲೈನ್ ವಿಭಜಕಗಳೊಂದಿಗೆ ಒಂದರ ಮೇಲೊಂದರಂತೆ ಪ್ಲೇಸ್ಮೆಂಟ್ ಅಗತ್ಯವಿರುವ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ನಾವು ಸುತ್ತಿಕೊಳ್ಳುತ್ತೇವೆ.

ನಾವು ಈಗ ಕಾಲಮ್‌ಗಳ ಅಗಲವನ್ನು ಸರಿಹೊಂದಿಸಬಹುದು, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಗ್ರಿಡ್ ಅನ್ನು ಕೇಂದ್ರೀಕರಿಸಬಹುದು. ಸುತ್ತುವ ನಂತರ, ತುಂಬುವಿಕೆಯು ಪರದೆಯ ಅಂಚುಗಳಿಗೆ ಅಂಟಿಕೊಳ್ಳುವುದನ್ನು ನಿಲ್ಲಿಸಿತು ಮತ್ತು ಅಚ್ಚುಕಟ್ಟಾಗಿ ಇಂಡೆಂಟ್ಗಳು ಕಾಣಿಸಿಕೊಂಡವು.

ಕಾಲಮ್ ವರ್ಗ col-lg-4 ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಾವು ಸತತವಾಗಿ ಬೆಲೆಗಳನ್ನು ಹೊಂದಿಸುತ್ತೇವೆ. ಸಾಲು ಸಾಲುಗಳ ಒಳಗೆ, ಸುತ್ತುವಿಕೆಗಾಗಿ ಪ್ರತ್ಯೇಕ ವಿಭಾಗಗಳನ್ನು ಬರೆಯಲು ಇನ್ನು ಮುಂದೆ ಅಗತ್ಯವಿಲ್ಲ;

ಸಾದೃಶ್ಯದ ಮೂಲಕ, ನಾವು ವಿಮರ್ಶೆಗಳು ಮತ್ತು ಪ್ರಯೋಜನಗಳ ವಿಭಾಗಕ್ಕೆ ಕಾಲಮ್‌ಗಳನ್ನು ಹೊಂದಿಸುತ್ತೇವೆ. ನೀವು ಒಂದು ಅಂಶವನ್ನು ಬದಿಗೆ ಸರಿಸಬೇಕಾದರೆ, ಆಫ್‌ಸೆಟ್ ಕಾಲಮ್ ಕ್ಲಾಸ್ col-lg-offset-2 ಅನ್ನು ಬಳಸಿ. ಅಂತ್ಯದಲ್ಲಿರುವ ಸಂಖ್ಯೆಯು ಎಷ್ಟು ಬೇಸ್ ಕಾಲಮ್‌ಗಳಿಂದ ಶಿಫ್ಟ್ ಸಂಭವಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸುತ್ತದೆ.

ಹಂತ 5. ಫಾಂಟ್‌ಗಳು ಮತ್ತು ಐಕಾನ್‌ಗಳು

ನಾವು Google ಫಾಂಟ್ ಶಿರೋನಾಮೆ ಫಾಂಟ್‌ಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತೇವೆ. ಆಯ್ಕೆ ಮಾಡಿದಾಗ, ಆಮದು ಟ್ಯಾಬ್ ತೆರೆಯಿರಿ ಮತ್ತು ಅದರಿಂದ ಡೇಟಾವನ್ನು main.css ಫೈಲ್‌ಗೆ ನಕಲಿಸಿ. ಹೊಸ ಫಾಂಟ್ ಅನ್ನು ಬಳಸುವ ಫೈಲ್‌ಗೆ ನಾವು ಶೀರ್ಷಿಕೆ ಆಯ್ಕೆಗಳನ್ನು ಕೂಡ ಸೇರಿಸುತ್ತೇವೆ.

@import "https://fonts.googleapis.com/css?family=Roboto+Condensed" /* ಶಿರೋನಾಮೆಗಳಿಗಾಗಿ ಫಾಂಟ್ ಅನ್ನು ಆಮದು ಮಾಡಿ */
.navbar-ಬ್ರಾಂಡ್,
h1,
h2,
h3,
h4,
h5,
h6 (
ಫಾಂಟ್-ಕುಟುಂಬ: "ರೊಬೊಟೊ ಕಂಡೆನ್ಸ್ಡ್", ಸಾನ್ಸ್-ಸೆರಿಫ್; /* Googlefont ಔಟ್‌ಪುಟ್ */
}

ಸ್ಪಷ್ಟತೆಗಾಗಿ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಸೆಟ್‌ನಿಂದ ಸ್ವಯಂ-ವಿವರಣೆಯ ಹೆಸರಿನ ಪಠ್ಯ-ಕೇಂದ್ರ ಮತ್ತು FontAwesome ಐಕಾನ್‌ಗಳನ್ನು ಹೊಂದಿರುವ ವರ್ಗದಿಂದ ಅನುಕೂಲಗಳನ್ನು ವಿವರಿಸಲಾಗಿದೆ.

ಈ ಹಂತದಲ್ಲಿ ಸಿದ್ಧತೆ ಸಂಪೂರ್ಣವಾಗಿ ಪೂರ್ಣಗೊಂಡಿದೆ.

ಲ್ಯಾಂಡಿಂಗ್ ಪುಟ: ಕೊಡುಗೆ, ಭ್ರಂಶ ಮತ್ತು ಕೌಂಟರ್ ಹೊಂದಿರುವ ಕೋಡ್‌ಗಳ ಉದಾಹರಣೆಗಳು

ನಾವು ಮೂರು ಅತ್ಯಂತ ಜನಪ್ರಿಯ ಪ್ರಕಾರಗಳನ್ನು ಬಳಸುತ್ತೇವೆ: ವಾಕ್ಯ, ಫಾರ್ಮ್ ಮತ್ತು ಕೌಂಟ್‌ಡೌನ್ ಕೌಂಟರ್‌ನೊಂದಿಗೆ. ಲೇಔಟ್ ಮುಂದುವರೆದಂತೆ, ಟೆಂಪ್ಲೇಟ್ ಪರಿಣಾಮಗಳೊಂದಿಗೆ ಪೂರಕವಾಗಿರುತ್ತದೆ.

ಉದಾಹರಣೆ 1: ಒಂದು ವಾಕ್ಯದೊಂದಿಗೆ

ಮುಖ್ಯ ಭಾಗ ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ನ ಹಿನ್ನೆಲೆಯನ್ನು ಹೊಂದಿಸೋಣ ಇದರಿಂದ ಮೊದಲ ಪರದೆಯನ್ನು ಮುಚ್ಚಲಾಗುತ್ತದೆ.

ಜಂಬೊಟ್ರಾನ್ (
ಹಿನ್ನೆಲೆ: #f5f5f5 url(../img/fon.jpg) ಟಾಪ್ ಸೆಂಟರ್ ನೋ-ರಿಪೀಟ್;
ಗರಿಷ್ಠ ಅಗಲ: 100%;
ಪ್ಯಾಡಿಂಗ್-ಟಾಪ್: 250px;
ಪ್ಯಾಡಿಂಗ್-ಬಾಟಮ್: 200px;
ಪಠ್ಯ-ಜೋಡಣೆ: ಕೇಂದ್ರ;
}

ಜಂಬೊಟ್ರಾನ್ ಹೆಡರ್ ಗಾತ್ರವನ್ನು h2 ನಿಂದ h1 ಗೆ ಬದಲಾಯಿಸೋಣ. ಮುಂದೆ, ಬದಲಾಯಿಸಬೇಕಾದ ಅಂಶಗಳಿಗೆ ನಾವು ಶೈಲಿಗಳನ್ನು ಬರೆಯುತ್ತೇವೆ.

ಐಕಾನ್‌ಗಳೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸೋಣ.

ಪ್ರಯೋಜನಗಳು i(
ಬಣ್ಣ: #cac4c4;
}

ಹ್ಯಾಶ್ ಚಿಹ್ನೆಯ ನಂತರ, ಬಣ್ಣವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿದೆ. ನೀವು html ಬಣ್ಣದ ಕೋಷ್ಟಕಗಳು ಅಥವಾ ಇಮೇಜ್ ಎಡಿಟರ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ನಿಮ್ಮ ಸ್ವಂತ ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿಕೊಳ್ಳಬಹುದು.

ವಿಭಾಗದ ಶೀರ್ಷಿಕೆಗಳಿಗೆ ಇಂಡೆಂಟೇಶನ್

ವಿಭಾಗ h2 (
ಪ್ಯಾಡಿಂಗ್-ಟಾಪ್: 30px;
ಅಂಚು-ಕೆಳಗೆ: 25px;
}

ನಾವು ಸುಂಕಗಳ ನೋಟವನ್ನು ಅಚ್ಚುಕಟ್ಟಾಗಿ ಮಾಡುತ್ತಿದ್ದೇವೆ. ಅನುಕೂಲಕ್ಕಾಗಿ, ನಾವು ನಿರ್ದಿಷ್ಟವಾಗಿ ಹೈಲೈಟ್ ಮಾಡಲು ಬಯಸುವ ಅಂಶಗಳಿಗಾಗಿ ನಾವು ನಮ್ಮದೇ ತರಗತಿಗಳನ್ನು ರಚಿಸುತ್ತೇವೆ.


ಸುಂಕ ಸಂಖ್ಯೆ 1
$10

ತಿಂಗಳಿಗೆ/ಪ್ರತಿ ವ್ಯಕ್ತಿಗೆ



  • ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್

  • ಲೋರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್

  • 10 ಲೋರೆಮ್ ಇಪ್ಸಮ್


ಆದೇಶ

ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಬಹಳಷ್ಟು. ಯಾವ ಸ್ಥಳಗಳಿಗೆ ವಿಭಾಗಗಳು ಜವಾಬ್ದಾರವಾಗಿವೆ ಎಂಬುದನ್ನು ಕಾಮೆಂಟ್‌ಗಳಲ್ಲಿ ಹೇಳಲಾಗಿದೆ - /* ನಕ್ಷತ್ರ ಚಿಹ್ನೆಯೊಂದಿಗೆ ಸ್ಲ್ಯಾಶ್‌ಗಳ ನಡುವೆ */

/* ====================================================
/* ಸಾಮಾನ್ಯ ರೂಪಸುಂಕ */
.pricing_item(
ಹಿನ್ನೆಲೆ: #f2f2f2;
ಸ್ಥಾನ: ಸಂಬಂಧಿ;
ಪ್ರದರ್ಶನ: -ವೆಬ್ಕಿಟ್-ಫ್ಲೆಕ್ಸ್;
ಪ್ರದರ್ಶನ: ಬಾಗಿಸು;

ಫ್ಲೆಕ್ಸ್-ದಿಕ್ಕು: ಕಾಲಮ್;

ಜೋಡಿಸು-ಐಟಂಗಳು: ಹಿಗ್ಗಿಸಿ;
ಪಠ್ಯ-ಜೋಡಣೆ: ಕೇಂದ್ರ;
-ವೆಬ್ಕಿಟ್-ಫ್ಲೆಕ್ಸ್: 0 1 330px;
ಫ್ಲೆಕ್ಸ್: 0 1 330px;
ಪ್ಯಾಡಿಂಗ್: 2ಎಮ್ 3ಎಮ್;
ಅಂಚು: 1ಎಮ್;
ಬಣ್ಣ: #262b38;
ಕರ್ಸರ್: ಪೂರ್ವನಿಯೋಜಿತ;
ಉಕ್ಕಿ: ಮರೆಯಾಗಿ;

}
/* ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಹಿನ್ನೆಲೆ ಬದಲಾಯಿಸಿ */
.pricing_item:ಹಾವರ್ (
ಬಣ್ಣ: #444;
ಹಿನ್ನೆಲೆ: #daebef;
}
/* ಪ್ರತಿ ಸುಂಕದಲ್ಲಿ ವೈಯಕ್ತಿಕ ಬೆಲೆ ಟ್ಯಾಗ್ ಹಿನ್ನೆಲೆ */
.pricing_item:ಮೊದಲ ಮಗು .price (
ಹಿನ್ನೆಲೆ: #9ba9b5;
}
.pricing_item:nth-child(2).price (
ಹಿನ್ನೆಲೆ: #1f6098;
}
/* ಅಗಲವಾದ ಪರದೆಗಳಲ್ಲಿ ಮಧ್ಯದ ಸುಂಕದ ಕಾಲಮ್ ಅನ್ನು ಇಂಡೆಂಟ್ ಮಾಡಲಾಗಿದೆ ಮತ್ತು ಹೈಲೈಟ್ ಮಾಡಲಾಗಿದೆ */
@ಮಾಧ್ಯಮ ಪರದೆ ಮತ್ತು (ನಿಮಿಷ ಅಗಲ: 66.250em) (
.pricing_item(
ಅಂಚು: 1.5em 0;
}
.ಫೀಚರ್ಡ್(
z-ಸೂಚ್ಯಂಕ: 10;
ಅಂಚು: 0;
ಫಾಂಟ್ ಗಾತ್ರ: 1.15em;
}
}
/* ಶೀರ್ಷಿಕೆ */
.pricing_item h3 (
ಫಾಂಟ್ ಗಾತ್ರ: 2ಎಮ್;
ಅಂಚು: 0.5em 0 0;
ಬಣ್ಣ: #1d211f;
}
/* ಬೆಲೆ ಟ್ಯಾಗ್ ಹಿನ್ನೆಲೆ */
.ಬೆಲೆ (
ಫಾಂಟ್ ಗಾತ್ರ: 2ಎಮ್;
ಫಾಂಟ್-ತೂಕ: ದಪ್ಪ;
ಬಣ್ಣ: #fff;
ಸ್ಥಾನ: ಸಂಬಂಧಿ;
z-ಸೂಚ್ಯಂಕ: 100;
ಸಾಲು-ಎತ್ತರ: 95px;
ಅಗಲ: 100px;
ಎತ್ತರ: 100px;
ಅಂಚು: 1.15ಎಮ್ ಸ್ವಯಂ 1ಎಮ್;
ಗಡಿ-ತ್ರಿಜ್ಯ: 50%;
ಹಿನ್ನೆಲೆ: #77a5cc;
-ವೆಬ್ಕಿಟ್-ಪರಿವರ್ತನೆ: ಬಣ್ಣ 0.3 ಸೆ, ಹಿನ್ನೆಲೆ 0.3 ಸೆ;
ಪರಿವರ್ತನೆ: ಬಣ್ಣ 0.3 ಸೆ, ಹಿನ್ನೆಲೆ 0.3 ಸೆ;
}
/* ಕರೆನ್ಸಿ */
.ಕರೆನ್ಸಿ(
ಫಾಂಟ್ ಗಾತ್ರ: 0.5em;
ಲಂಬವಾಗಿ ಜೋಡಿಸು: ಸೂಪರ್;
}
/* ಪ್ರಸ್ತಾವನೆಯ ಸ್ಪಷ್ಟೀಕರಣ */
.ವಾಕ್ಯ(
ಫಾಂಟ್-ತೂಕ: ದಪ್ಪ;
ಅಂಚು: 0 0 1em 0;
ಪ್ಯಾಡಿಂಗ್: 0 0 0.5em;
ಬಣ್ಣ: #2a6496;
}
/* ಪಟ್ಟಿ */
.pricing_item ul (
ಫಾಂಟ್ ಗಾತ್ರ: 0.95em;
ಅಂಚು: 0;
ಪ್ಯಾಡಿಂಗ್: 1.5em 0.5em 2.5em;
ಪಠ್ಯ-ಹೊಂದಾಣಿಕೆ: ಎಡ;
}
/* ಪಟ್ಟಿ ಐಟಂಗಳು */
.pricing_item li (
ಪ್ಯಾಡಿಂಗ್: 0.15em 0;
}
/* ದರ ಆದೇಶ ಬಟನ್ */
.pricing_item ಬಟನ್(
ಫಾಂಟ್-ತೂಕ: ದಪ್ಪ;
ಅಂಚು-ಮೇಲ್ಭಾಗ: ಸ್ವಯಂ;
ಪ್ಯಾಡಿಂಗ್: 1ಎಮ್ 2ಎಮ್;
ಬಣ್ಣ: #fff;
ಗಡಿ ತ್ರಿಜ್ಯ: 5px;
ಹಿನ್ನೆಲೆ: #428bca;
-ವೆಬ್ಕಿಟ್-ಪರಿವರ್ತನೆ: ಹಿನ್ನೆಲೆ-ಬಣ್ಣ 0.3 ಸೆ;
ಪರಿವರ್ತನೆ: ಹಿನ್ನೆಲೆ-ಬಣ್ಣ 0.3 ಸೆ;
}
/* ಗುಂಡಿಯನ್ನು ಒತ್ತಿದಾಗ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಿ */
.pricing_item ಬಟನ್:ಹವರ್,
.pricing_item ಬಟನ್:ಫೋಕಸ್ (
ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: #285e8e;
}
/* ಸುಂಕದ ಹಿನ್ನೆಲೆ*/
.bg-2 (
ಹಿನ್ನೆಲೆ: #dddddd;
}

ಫಲಿತಾಂಶ

ಗ್ರಾಹಕರ ವಿಮರ್ಶೆಗಳು. ಅವರಿಗೆ ಅಚ್ಚುಕಟ್ಟಾಗಿ ನೋಟವನ್ನು ನೀಡೋಣ ಮತ್ತು ಅವರ ಸ್ಥಳವನ್ನು ಸೂಚಿಸೋಣ.

/* ========= ಪ್ರಶಂಸಾಪತ್ರಗಳ ಶೈಲಿಗಳು======== */
ಪ್ರಶಂಸಾಪತ್ರಗಳು (
ಪ್ಯಾಡಿಂಗ್: 4em 0;
ಪಠ್ಯ-ಜೋಡಣೆ: ಕೇಂದ್ರ;
}
.ಟೆಸ್ಟಿಮೋನಿಯಲ್ಸ್ .ಅವತಾರ್ img (
ಗಡಿ-ತ್ರಿಜ್ಯ: 50%;
ತೇಲು: ಎಡ;
ಪ್ರದರ್ಶನ: ಇನ್ಲೈನ್;
ಅಂಚು-ಬಲ: 1ಎಮ್;
ಅಗಲ: 65px;
ಎತ್ತರ: 65px;
ಅಂಚು-ಕೆಳಗೆ: 30px;
}
.ಟೆಸ್ಟಿಮೋನಿಯಲ್ಸ್ .ಅವತಾರ್ ಪಿ (
ಪಠ್ಯ-ಹೊಂದಾಣಿಕೆ: ಎಡ;
ಪ್ಯಾಡಿಂಗ್-ಟಾಪ್: 1ಎಮ್;
ಬಣ್ಣ: #5d5d5d;
ಫಾಂಟ್-ತೂಕ: 900;
}

ಕ್ರಿಯೆಗೆ ಕೊನೆಯ ಕರೆ ಮತ್ತು ಅಡಿಟಿಪ್ಪಣಿಯನ್ನು ಅಲಂಕರಿಸಲು ಮಾತ್ರ ಉಳಿದಿದೆ.

/* ಕ್ರಿಯೆ */
.ಆಕ್ಷನ್(
ಹಿನ್ನೆಲೆ: #476177;
ಕನಿಷ್ಠ-ಎತ್ತರ: 180px;
ಅಗಲ: 100%;
ಪ್ಯಾಡಿಂಗ್: 4em 0;
ಪಠ್ಯ-ಜೋಡಣೆ: ಕೇಂದ್ರ;
}
.ಆಕ್ಷನ್ h2 (
ಬಣ್ಣ: #fff;
ಫಾಂಟ್-ತೂಕ: 300;

}
.ಆಕ್ಷನ್ p(
ಬಣ್ಣ: #fff;
ಪಠ್ಯ-ನೆರಳು: 0 1px 2px rgba(0, 0, 0, .2);
ಫಾಂಟ್ ಗಾತ್ರ: 1.2em;
}
.ಆಕ್ಷನ್ .ಕಂಟೇನರ್ (
ಅಂಚು-ಮೇಲ್ಭಾಗ: 3ಎಮ್;
}
/* ಅಡಿಟಿಪ್ಪಣಿ */
ಅಡಿಟಿಪ್ಪಣಿ (
ಹಿನ್ನೆಲೆ: #333333;
ಪ್ಯಾಡಿಂಗ್: 1ಎಮ್ 0;
ಪಠ್ಯ-ಹೊಂದಾಣಿಕೆ: ಬಲ;
}
ಅಡಿಟಿಪ್ಪಣಿ p(
ಬಣ್ಣ: #fff;
ಸಾಲು-ಎತ್ತರ: 1;
ಪಠ್ಯ-ರೂಪಾಂತರ: ದೊಡ್ಡಕ್ಷರ;
ಫಾಂಟ್ ಗಾತ್ರ: 0.7em;
ಅಂಚು-ಮೇಲ್ಭಾಗ: 0.5ಎಮ್;
}

ಅಡಿಟಿಪ್ಪಣಿ ಬಟನ್ ಅನ್ನು ಅಂತರ್ನಿರ್ಮಿತ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ವರ್ಗ btn-ಡೀಫಾಲ್ಟ್ ಅನ್ನು ನಿಯೋಜಿಸಲಾಗಿದೆ.

ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಜೀವಕ್ಕೆ ತರುವುದು. ನಾವು ನಯವಾದ ಸ್ಕ್ರೋಲಿಂಗ್ ಮತ್ತು ವಿಭಾಗಗಳಿಗೆ ಬಟನ್‌ಗಳನ್ನು ಪರಿಚಯಿಸುತ್ತೇವೆ, ಜೊತೆಗೆ ಮೊದಲ ಪರದೆಯಲ್ಲಿ ಪಠ್ಯ ಅನಿಮೇಷನ್ ಅನ್ನು ಪರಿಚಯಿಸುತ್ತೇವೆ.

ಸ್ಥಿತ್ಯಂತರಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸಲು, ನಾವು ಕೆಲವು ವಿಭಾಗದ ತರಗತಿಗಳನ್ನು ಐಡಿಯೊಂದಿಗೆ ಬದಲಾಯಿಸುತ್ತೇವೆ - ಪ್ರಯೋಜನಗಳು ಮತ್ತು ಸುಂಕಗಳಿಗಾಗಿ. ಮತ್ತು ನಾವು ಬಟನ್‌ಗಳಿಗೆ ಐಡಿಗೆ ಲಿಂಕ್‌ಗಳನ್ನು ಸೇರಿಸುತ್ತೇವೆ. ಸ್ಕ್ರೀನ್‌ಶಾಟ್ - ಯಾವುದಕ್ಕೆ ಲಗತ್ತಿಸಲಾಗಿದೆ, ಹಳದಿ ಮಾರ್ಕರ್‌ನೊಂದಿಗೆ ಹೈಲೈಟ್ ಮಾಡಲಾಗಿದೆ.

ನಾವು ಬಟನ್‌ಗಳಿಗಾಗಿ ಇಂಡೆಂಟ್‌ಗಳನ್ನು ಹೊಂದಿಸಿದ್ದೇವೆ - jbutton. ಒತ್ತಿದಾಗ ಸ್ಕ್ರೋಲಿಂಗ್ ಕೆಲಸ ಮಾಡುತ್ತದೆ, ಆದರೆ ತುಂಬಾ ಥಟ್ಟನೆ.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಥವಾ jquery ಬಳಸಿ ಸ್ಮೂತ್ ಪರಿವರ್ತನೆಗಳನ್ನು ರಚಿಸಲಾಗಿದೆ. ಎರಡನೆಯದು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಟೆಂಪ್ಲೇಟ್‌ಗಳಿಗೆ ಸಂಪರ್ಕಗೊಂಡಿದೆ.

ಸ್ಕ್ರೋಲಿಂಗ್ ಈಗ ಸುಗಮವಾಗಿದೆ.

Animate.css (https://raw.githubusercontent.com/daneden/animate.css/master/animate.css) ಬಳಸಿಕೊಂಡು ಪಠ್ಯಕ್ಕೆ ಅನಿಮೇಷನ್ ಸೇರಿಸಲಾಗುತ್ತಿದೆ. ಇದು ಸಿದ್ಧವಾಗಿದೆ ಮುಕ್ತ ಸಂಪನ್ಮೂಲ, ಇದನ್ನು ಯಾವುದೇ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಬಳಸಬಹುದು. Github ನಿಂದ ಫೈಲ್ ಅನ್ನು css ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಇರಿಸಿ ಮತ್ತು ಮಾರ್ಗವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿ.

ನಾವು ಇಲ್ಲಿ ಪರಿಣಾಮಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುತ್ತೇವೆ: https://daneden.github.io/animate.css/. ನಾವು fadeInDown ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿದ್ದೇವೆ. ಇದನ್ನು ಕೋಡ್‌ನಲ್ಲಿ ಈ ರೀತಿ ಬರೆಯಲಾಗಿದೆ:

ಈಗ ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗ ಅಥವಾ ರಿಫ್ರೆಶ್ ಮಾಡಿದಾಗ, ಪಠ್ಯವನ್ನು ಅನಿಮೇಟೆಡ್ ಮಾಡಲಾಗುತ್ತದೆ. ಸಿದ್ಧವಾಗಿದೆ.

ಉದಾಹರಣೆ 2: ಆಕಾರ ಮತ್ತು ಭ್ರಂಶ ಪರಿಣಾಮದೊಂದಿಗೆ

ಸಂದರ್ಶಕನು ಹೆಚ್ಚು ಫಾರ್ಮ್ ಕ್ಷೇತ್ರಗಳನ್ನು ಪ್ರಸ್ತುತಪಡಿಸಿದರೆ, ಅವನು ಅವುಗಳನ್ನು ಭರ್ತಿ ಮಾಡುವ ಸಾಧ್ಯತೆ ಕಡಿಮೆ. ಕನಿಷ್ಠ ಅಗತ್ಯ ಮಾಹಿತಿಯನ್ನು ಮಾತ್ರ ಕೇಳಿ.

ಇದನ್ನು ಸಾದೃಶ್ಯದಿಂದ ಜೋಡಿಸಲಾಗಿದೆ. ನಾವು ಹಿನ್ನೆಲೆ ಮತ್ತು ಬಣ್ಣಗಳನ್ನು ಬದಲಾಯಿಸುತ್ತೇವೆ. ಮತ್ತು, ಸಹಜವಾಗಿ, ನಾವು ಆಕಾರವನ್ನು ಸೇರಿಸುತ್ತೇವೆ.

ಭ್ರಂಶದಿಂದ ಪ್ರಾರಂಭಿಸೋಣ.

ಜಂಬೊಟ್ರಾನ್ ಹಿನ್ನೆಲೆಯನ್ನು ಪಾರದರ್ಶಕವಾಗಿ ಬದಲಾಯಿಸೋಣ:

ಹಿನ್ನೆಲೆ: ಪಾರದರ್ಶಕ;

ತಲೆಯ ಒಳಗೆ ನಾವು ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸೇರಿಸುತ್ತೇವೆ:


$(ವಿಂಡೋ).ಸ್ಕ್ರೋಲ್(ಫಂಕ್ಷನ್(ಇ)(
ಭ್ರಂಶ ();
});
ಫಂಕ್ಷನ್ ಭ್ರಂಶ())(
var scrolled = $(window).scrollTop();
$(".bgparallax").css("ಟಾಪ್",-(ಸ್ಕ್ರೋಲ್ ಮಾಡಲಾಗಿದೆ*0.2)+"px");
}

ದೇಹದಲ್ಲಿನ ಮೊದಲ ಸಾಲು ಭ್ರಂಶಕ್ಕೆ ಧಾರಕವಾಗಿದೆ:

ಮತ್ತು CSS ನಲ್ಲಿ ಅದರ ನಡವಳಿಕೆ ಹೀಗಿದೆ:

Bgparallax (
ಹಿನ್ನೆಲೆ: url(/../img/fon.jpg) ಪುನರಾವರ್ತನೆ;
ಸ್ಥಾನ: ಸ್ಥಿರ;
ಅಗಲ: 100%;
ಎತ್ತರ: 300%;
ಟಾಪ್:0;
ಎಡ:0;
z-ಸೂಚ್ಯಂಕ: -1;
}

ಭ್ರಂಶ ಸಿದ್ಧವಾಗಿದೆ. ಆದರೆ ಕೋಡ್‌ಗೆ ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡುವುದು ಮತ್ತು ಹೊಸ ಹಿನ್ನೆಲೆಬಣ್ಣದ ಸ್ಕೀಮ್ ಅನ್ನು ಮರುಹೊಂದಿಸುವ ಅಗತ್ಯವಿದೆ.

ಮೆನುವನ್ನು ಡಾರ್ಕ್ ಮಾಡುವುದು:

Navbar-ಡೀಫಾಲ್ಟ್ (
ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: #333;
ಗಡಿ-ಬಣ್ಣ: #444;
ಬಣ್ಣ: ಗಾಢ ಬೂದು;
ಗಡಿ ತ್ರಿಜ್ಯ: 0;
}

Navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus (
ಬಣ್ಣ: ಗಾಢ ಬೂದು;
ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: rgba(0, 0, 0, 0.5);
}

ನಾವು ಜಂಬೊಟ್ರಾನ್‌ನಲ್ಲಿ ವಾಕ್ಯವನ್ನು ಹೊಸದರೊಂದಿಗೆ ಬದಲಾಯಿಸುತ್ತೇವೆ - ಫಾರ್ಮ್ ಕೋಡ್‌ನೊಂದಿಗೆ:







ಲ್ಯಾಂಡಿಂಗ್ ಪೇಜ್ಸಂದರ್ಶಕರನ್ನು ಗ್ರಾಹಕರನ್ನಾಗಿ ಮಾಡುತ್ತದೆ
ಕ್ವಿಸ್ಕ್ ಟಿನ್ಸಿಡುಂಟ್ ಡುಯಿ ಆಗ್ ಸಸ್ಪೆಂಡಿಸ್ಸೆ ಲೊರೆಮ್ ವೆಲ್ ಡೈಯಮ್ ಕಾನ್ಸೆಕ್ಟೆಟರ್ ಪೋಸ್ಯೂರೆ ವೆಹಿಕುಲಾ ಪೊಸುರೆಟ್ ಮಾರಿಸ್ ವೆಹಿಕುಲಾ ಟಾರ್ಟರ್ ರೋನ್ಕಸ್ ವಲ್ಪುಟೇಟ್ ಮಸ್ಸಾ.








  • ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡಯಮ್ ನಾನ್ಯುಮಿ.












ಮತ್ತು ನಾವು ನೋಟವನ್ನು ಸೂಚಿಸುತ್ತೇವೆ

/* ರೂಪ */
.ಹೆಡ್ಫಾರ್ಮ್-ಪಟ್ಟಿ(
ಪಟ್ಟಿ-ಶೈಲಿಯ ಪ್ರಕಾರ: ಯಾವುದೂ ಇಲ್ಲ;
ಸಾಲು-ಎತ್ತರ: 26px;
ಫಾಂಟ್-ತೂಕ: 400;
ಪ್ಯಾಡಿಂಗ್: 0px;
ಅಂಚು-ಕೆಳಗೆ: 40px;
}
.ಹೆಡ್ಫಾರ್ಮ್(
ಉಕ್ಕಿ: ಮರೆಯಾಗಿ;
ಸ್ಥಾನ: ಸಂಬಂಧಿ;
ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: rgba(0,0,0,.4);
ಪ್ಯಾಡಿಂಗ್: 35px 40px;
ಗಡಿ-ತ್ರಿಜ್ಯ: 8px;
}
ಇನ್‌ಪುಟ್, ಬಟನ್, ಆಯ್ಕೆ, ಪಠ್ಯ ಪ್ರದೇಶ (
ಅಗಲ: 100%;
ಅಂಚು-ಕೆಳಗೆ: 10px;
}
.ಹೆಡ್‌ಫಾರ್ಮ್-ಲಿಸ್ಟ್ ಲಿ .ಫಾ (
ಸ್ಥಾನ: ಸಂಪೂರ್ಣ;
ಮೇಲ್ಭಾಗ: 0px;
ಎಡ: 0px;
ಅಗಲ: 42px;
ಫಾಂಟ್ ಗಾತ್ರ: 24px;
ಪಠ್ಯ-ಜೋಡಣೆ: ಕೇಂದ್ರ;
}
.headform-list li(
ಸ್ಥಾನ: ಸಂಬಂಧಿ;
ನಿಮಿಷ-ಎತ್ತರ: 38px;
ಪ್ಯಾಡಿಂಗ್-ಎಡ: 62px;
ಅಂಚು-ಕೆಳಗೆ: 20px;
}
.ಜಂಬೊಟ್ರಾನ್ p(
ಬಣ್ಣ: #fff;
ಫಾಂಟ್ ಗಾತ್ರ: 16px;
ಫಾಂಟ್ ಶೈಲಿ: ಇಟಾಲಿಕ್;
}

ಜಂಬೊಟ್ರಾನ್‌ನ ಪಠ್ಯವೂ ಇಲ್ಲಿಗೆ ಕೊನೆಗೊಂಡಿತು, ಏಕೆಂದರೆ ಅದು ಬದಲಾವಣೆಗಳನ್ನು ಬಯಸಿತು.

ನಾವು ಸುಂಕಗಳನ್ನು ಬದಲಾಯಿಸುತ್ತಿದ್ದೇವೆ.

/* ಸುಂಕದ ಸಾಮಾನ್ಯ ನೋಟ */
.pricing_item(
ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: rgba(0,0,0,.4); /* ಸಾಲು ಬದಲಾಗಿದೆ */
ಗಡಿ ತ್ರಿಜ್ಯ: 4px; /* ಸಾಲು ಬದಲಾಗಿದೆ */
ಸ್ಥಾನ: ಸಂಬಂಧಿ;
ಪ್ರದರ್ಶನ: -ವೆಬ್ಕಿಟ್-ಫ್ಲೆಕ್ಸ್;
ಪ್ರದರ್ಶನ: ಬಾಗಿಸು;
-ವೆಬ್ಕಿಟ್-ಫ್ಲೆಕ್ಸ್-ದಿಕ್ಕು: ಕಾಲಮ್;
ಫ್ಲೆಕ್ಸ್-ದಿಕ್ಕು: ಕಾಲಮ್;
-ವೆಬ್ಕಿಟ್-ಅಲೈನ್-ಐಟಂಗಳು: ಹಿಗ್ಗಿಸುವಿಕೆ;
ಜೋಡಿಸು-ಐಟಂಗಳು: ಹಿಗ್ಗಿಸಿ;
ಪಠ್ಯ-ಜೋಡಣೆ: ಕೇಂದ್ರ;
-ವೆಬ್ಕಿಟ್-ಫ್ಲೆಕ್ಸ್: 0 1 330px;
ಫ್ಲೆಕ್ಸ್: 0 1 330px;
ಪ್ಯಾಡಿಂಗ್: 2ಎಮ್ 3ಎಮ್;
ಅಂಚು: 1ಎಮ್;
ಬಣ್ಣ: #f2f2f2; /* ಸಾಲು ಬದಲಾಗಿದೆ */
ಕರ್ಸರ್: ಪೂರ್ವನಿಯೋಜಿತ;
ಉಕ್ಕಿ: ಮರೆಯಾಗಿ;
ಬಾಕ್ಸ್ ನೆರಳು: 0 0 15px rgba(0, 0, 0, 0.05);
}
/* ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಹಿನ್ನೆಲೆ ಬದಲಾಯಿಸಿ */
.pricing_item:ಹಾವರ್ (
ಬಣ್ಣ: #444;
ಹಿನ್ನೆಲೆ: #ddd; /* ಸಾಲು ಬದಲಾಗಿದೆ */
}

ಈಗ ಅವರು ಈ ರೀತಿ ಕಾಣುತ್ತಾರೆ - ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಮತ್ತು ದುಂಡಾದ ಮೂಲೆಗಳು.

ಟೆಂಪ್ಲೇಟ್ ಸಿದ್ಧವಾಗಿದೆ.

ಉದಾಹರಣೆ 3: ಕೌಂಟ್‌ಡೌನ್ ಕೌಂಟರ್‌ನೊಂದಿಗೆ

ನಾವು ಜಂಬೊಟ್ರಾನ್‌ನ ಭರ್ತಿಯನ್ನು ಮತ್ತೊಮ್ಮೆ ಬದಲಾಯಿಸುತ್ತೇವೆ ಮತ್ತು ಹಿಂದಿನ ಟೆಂಪ್ಲೇಟ್‌ನಂತೆಯೇ ಹೊಸ ಹಿನ್ನೆಲೆಗೆ ಹೊಂದಿಸಲು ಟೆಂಪ್ಲೇಟ್ ಅನ್ನು ಮರುವರ್ಣಗೊಳಿಸುತ್ತೇವೆ. ಕೌಂಟರ್ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸಂಪರ್ಕಿಸಿ:


HTML





ಸಮಯ ಕಾಯುವುದಿಲ್ಲ
ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡೈಮ್ ನೊನಮ್ಮಿ ನಿಭ್ ಯುಯಿಸ್ಮಾಡ್ ಟಿನ್ಸಿಡುಂಟ್ ಯುಟ್ ಲಾರೀಟ್ ಡೋಲೋರ್ ಮ್ಯಾಗ್ನಾ ಅಲಿಕ್ವಾಮ್ ಎರಟ್ ವೋಲ್ಟ್ಪಾಟ್. ಯುಟ್ ವೈಸಿ ಎನಿಮ್ ಅಡ್ ಮಿನಿಮ್ ವೆನಿಯಮ್, ಕ್ವಿಸ್ ನಾಸ್ಟ್ರುಡ್ ಎಕ್ಸರ್ಸಿ ಟೇಶನ್ ಉಲ್ಲಾಮ್ಕಾರ್ಪರ್ ಸಸಿಪಿಟ್ ಲೋಬೋರ್ಟಿಸ್ ನಿಸ್ಲ್ ಯುಟ್ ಅಲಿಕ್ವಿಪ್ ಎಕ್ಸ್ ಇಎ ಕೊಮೊಡೊ ಕಾನ್ಸೆಕ್ವಾಟ್. ಹೆಂಡ್ರೆರಿಟ್‌ನಲ್ಲಿ ಡುಯಿಸ್ ಆಟೆಮ್ ವೆಲ್ ಇರಿಯುರೆ ಡೋಲರ್ ಇನ್ ವಲ್ಪುಟೇಟ್ ವೆಲಿಟ್ ಎಸ್ಸೆ ಮೋಲೆಸ್ಟಿಯ ಪರಿಣಾಮವಾಗಿ, ವೆರೋ ಎರೋಸ್ ಮತ್ತು ಅಕ್ಯುಮ್ಸನ್ ಎಟ್ ಇಯುಸ್ಟೋ ಒಡಿಯೋ ಡಿಗ್ನಿಸ್ಸಿಮ್ ಕ್ವಿ ಲುಪ್ಟಾಟುಮ್ ಪ್ರೈಸೆಂಟ್ nulla facilisi.




  • ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡಯಮ್ ನಾನ್ಯುಮಿ.




  • ಲೊರೆಮ್ ಇಪ್ಸಮ್ ಡೋಲರ್ ಸಿಟ್ ಅಮೆಟ್, ಕಾನ್ಸೆಕ್ಟೆಟ್ಯೂರ್ ಅಡಿಪಿಸ್ಸಿಂಗ್ ಎಲಿಟ್, ಸೆಡ್ ಡಯಮ್ ನಾನ್ಯುಮಿ.





var myCountdown1 = ಹೊಸ ಕೌಂಟ್‌ಡೌನ್((
ಸಮಯ: 86400 * 3, // 86400 ಸೆಕೆಂಡುಗಳು = 1 ದಿನ
ಅಗಲ: 300
, ಎತ್ತರ: 60
, ಶ್ರೇಣಿHi: "ದಿನ"
, ಶೈಲಿ: "ಫ್ಲಿಪ್" //