text_on_image Creator - Web design #126

[NtemKenyor]

https://images01.nicepagecdn.com/page/53/15/html-template-5315896.jpg Design a text_on_image like the above image

Create a file "text_on_image_NUMby(YourName).html" in the modules/text_on_image folder.

Use simple HTML and CSS and JAVASCRIPT to create the text_on_image animation. You can use the interface development https://kwickerhub.com/ (This project) or you can write the lines of code yourself.

Step by Step Guide.

Fork this project(Use the 'fork' button in the top right corner) and Clone your Fork. git clone https://github.com/YOUR_USERNAME/frontend

Open your code Editor and Create a file "text_on_image_NUM_YOURNAME.html" in the "modules/text_on_image" folder of this project you just cloned. No need to create head, title and body tags, Just Add a div tag with some embedded style(i.e use the style tag) and the script tag where necessary.

If you want to add an image resource, please add it in the folder •• "modules/text_on_image/images_and_icons" We recommend you use an svg for your image/icon.

Push your Code: You need to push your recent changes back to the cloud. Use the command below in the main directory of this Repository

git push origin dev

or use a GUI tool to avoid mistakes or complexity. LOL.

Then make you Pull Request...

Below is a example of the code structure we need:

<div>
    <!---YOUR CODE---->
</div>

<style>
    /* YOUR STYLE */
</style>

<script>
    // YOUR SCRIPT if any
</script>

The goal of this issue is to create modules that other people/dev/designers can use or easily import into their projects. Avoid the desire to style all elements in the page by using codes like:

<style>

*{

}
/* OR */

div, a, h1, pre{

}

</style>

use classes or id to style the elements to avoid a collision of styles.

Remember to make your module usable across different screens(Make your design responsive).

For more examples: modules->buttons modules->cards for examples of contributions or Pull request accepted in to the project.

And please do not wait for this issue to be assigned to you as we have limited hands but have a lot to do/cover. Please send in your PR.

Good-luck and thank you.

[sandurpraneethapradeep]

Can you assign this to me? Thanks

[NtemKenyor]

Good morning from this corner of the world. Please move on straight to solving the issue... We really have limited staffs and because of that, We are always at the look out for PR. Just make a PR. thank you for your understanding ability 👍

On Sat, Nov 11, 2023, 20:30 Praneetha Pradeep Sandur < @.***> wrote:

Can you assign this to me? Thanks

— Reply to this email directly, view it on GitHub https://github.com/KwickerHub/frontend/issues/626#issuecomment-1806898818, or unsubscribe https://github.com/notifications/unsubscribe-auth/AOKWIBJWICQO6IDIZSPJL43YD7G7DAVCNFSM6AAAAAA6LW2WPOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMBWHA4TQOBRHA . You are receiving this because you authored the thread.Message ID: @.***>

[AnamuddinAhmad]

Issue has been resolved. https://github.com/KwickerHub/frontend/pull/697

[JasmineDavidson94]

Hello, I have made commits for this issue by creating a text image for web design 126. When will this issue be reviewed and merged? I am working on issues for a class and need the PRs merged by Friday to receive credit. Is this possible?