diff --git a/README.md b/README.md deleted file mode 100644 index 587f19e..0000000 --- a/README.md +++ /dev/null @@ -1,2 +0,0 @@ -# module2-assignment -responsive page for laptop,tablet and mobile diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..c419263 --- /dev/null +++ b/_config.yml @@ -0,0 +1 @@ +theme: jekyll-theme-cayman \ No newline at end of file diff --git a/index.md b/index.md new file mode 100644 index 0000000..294f30b --- /dev/null +++ b/index.md @@ -0,0 +1,37 @@ +## Welcome to GitHub Pages + +You can use the [editor on GitHub](https://github.com/harshgithub01/module2-assignment/edit/gh-pages/index.md) to maintain and preview the content for your website in Markdown files. + +Whenever you commit to this repository, GitHub Pages will run [Jekyll](https://jekyllrb.com/) to rebuild the pages in your site, from the content in your Markdown files. + +### Markdown + +Markdown is a lightweight and easy-to-use syntax for styling your writing. It includes conventions for + +```markdown +Syntax highlighted code block + +# Header 1 +## Header 2 +### Header 3 + +- Bulleted +- List + +1. Numbered +2. List + +**Bold** and _Italic_ and `Code` text + +[Link](url) and ![Image](src) +``` + +For more details see [GitHub Flavored Markdown](https://guides.github.com/features/mastering-markdown/). + +### Jekyll Themes + +Your Pages site will use the layout and styles from the Jekyll theme you have selected in your [repository settings](https://github.com/harshgithub01/module2-assignment/settings). The name of this theme is saved in the Jekyll `_config.yml` configuration file. + +### Support or Contact + +Having trouble with Pages? Check out our [documentation](https://help.github.com/categories/github-pages-basics/) or [contact support](https://github.com/contact) and we’ll help you sort it out. diff --git a/module2-solution/css/style.css b/module2-solution/css/style.css new file mode 100644 index 0000000..31fe98f --- /dev/null +++ b/module2-solution/css/style.css @@ -0,0 +1,79 @@ +h1{ + margin-top: 70px; + margin-bottom: 60px; + text-align: center; + text-decoration: underline; + font-size: 60px; + font-family: Florence, cursive; + color: #005e78; +} + +h3{ + position: absolute; + font-family: cursive; + top: 0px; + right: 0px; + border: 2px solid black; + box-sizing: border-box; + background-color: #005b96; + color: white; + padding: 10px; +} +body { + background-color: pink; +} + +p{ + margin-top: 10%; + font-family: Arial, Helvetica, sans-serif; +} + +*{ + box-sizing: border-box; + margin: 0; + padding: 0; +} + +.row{ + width: 100%; +} + +.para{ + position: relative; + border: 2px solid black; + box-sizing: border-box; + width: 95%; + height: 260px; + overflow: auto; + margin:auto; + margin-top: 8px; + background-color: #aaaaaa; + color: black; + padding: 15px; +} + +@media (min-width: 992px){ + .col-lg-4{ + float: left; + width: 33.33%; + } +} +@media (min-width: 768px) and (max-width: 991px){ + .col-md-6, .col-md-12{ + float: left; + } + .col-md-6{ + width: 50%; + } + .col-md-12{ + width: 100%; + margin-left: 0; + margin-right: 0; + } +} +@media (max-width: 767px){ + .col-sm-12{ + float: left; + width: 100%; + } +} \ No newline at end of file diff --git a/module2-solution/index.html b/module2-solution/index.html new file mode 100644 index 0000000..9c918be --- /dev/null +++ b/module2-solution/index.html @@ -0,0 +1,45 @@ + + + + + index + + + + +

Indian Food

+ +
+ +
+
+

Butter Chicken

+

+ Butter Chicken is one of the top orders at any Indian restaurant in the West and for good reason—it is delicious. This sultry poultry dish tastes great with kaali daal (black lentils), naan, and a green salad. +

+
+
+
+ + +
+
+

Palak Paneer

+

+ The most popular paneer recipe at Indian restaurants is, by far, palak paneer. It is a mildly flavored dish that is super healthy, as it is nothing more than spinach and cottage cheese (the paneer), along with the typical Indian spices. +

+
+
+ +
+
+

Chicken Vindaloo Curry

+

+ This is a mild and sweetly spiced recipe for chicken vindaloo curry. Contrary to current belief, curries do not have to be hot and fiery and, in fact, never started out that way in India. Creating the curry paste is the most important part of this dish, so don't skimp on the ingredients. +

+
+
+ + + + \ No newline at end of file