Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

How to use html design direclty in laravel project


I've successfully set up the Laravel template, and I'm now looking to integrate the design directly from an HTML template. What steps should I take to achieve this?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


Thank you for your interest in Metronic. If you are using the Metronic Laravel Starter Kit, you can integrate an HTML design directly into your Laravel project:

In your Laravel project, create a new page where you want to integrate the HTML design. You can do this by defining a route, creating a controller, and setting up a view, just like you would for any Laravel page.

To integrate the HTML design, you can find and copy the HTML code from the HTML version of Metronic. The HTML version package includes all the pre-designed pages, components, and styles that Metronic offers. You can choose the specific HTML page or component that matches your requirements.

Paste the HTML code you copied into your Laravel view. You can create a Blade view file (e.g., yourpage.blade.php) in the appropriate directory and paste the HTML code there.

Metronic's styles are already included in the HTML version. You don't need to worry about manually including them; they will be applied to your HTML elements when you paste the code into your Laravel view.

You can further customize the HTML code and integrate it with your Laravel data and logic. Use Blade templates to inject dynamic content, and utilize Laravel's features to make the page functional.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(