s = s[leftShifts : ] + s[0 : leftShifts]

print(s)
s = s[len(s)-rightShifts : ] + s[0 : len(s)-rightShifts]
print(s)
return s

use strict';

const fs = require('fs');

process.stdin.resume();
process.stdin.setEncoding('utf-8');

let inputString = '';

let currentLine = 0;

process.stdin.on('data', function(inputStdin) {
inputString += inputStdin;
});

process.stdin.on('end', function() {
inputString = inputString.split('\n');

main();
});

function readLine() {
return inputString[currentLine++];
}

/*
* Complete the 'exam' function below.
*
* The function is expected to return an INTEGER.
* The function accepts INTEGER_ARRAY v as parameter.
*/

function exam(v) {
// Write your code here
let n=v.length;
for (let i = 0;i<n;i++) {
 if(v[i]!=1){
v[i]=-1;
}
}
for (let k = 0;k<=n;k++) {
let Your_result = 0;
let YourFriend_result=0;
for (let h=0;h<=k;h++) {
if (h>0) {
Your_result=Your_result+v[h-1];
}
}
for (let f=k+1;f<=n;f++) {
YourFriend_result=YourFriend_result+v[f-1];
}
if (Your_result>YourFriend_result) {
return k;
}
}
}

Weird Faculty Using R :

exam <- function(v) {
# Write your code here
n <- length(v)
for (i in 1:n) {
if (v[i]==0) {
v[i] <- -1
}
}
YourFriend_result <- sum(v)
Your_result <- 0
for (i in 1:n) {
if (Your_result>YourFriend_result) {
return(i-1)
}
Your_result <- Your_result+v[i]
YourFriend_result <- YourFriend_result-v[i]
}
return(n)
}
Grunt :
module.exports = function(grunt) {
grunt.loadNpmTasks('grunt-contrib-jshint');
grunt.loadNpmTasks('grunt-contrib-connect');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.initConfig({
jshint: {
all:['Gruntfile.js','src/**/*.js','dest/**/*.js']
},
connect:{
server : {
option: {
keepalive:false,
}
}
}
});
grunt.registerTask('default','',function(){
});
grunt.registerTask('uglify', 'uglifyjs', function(){
grunt.file.write('dest/js/routing.js','');
grunt.file.write('dest/js/form.js','');
grunt.file.write('dest/js/management.js','');
});
grunt.registerTask('htmlmin','miniffyhtml',function(){
grunt.file.write('dest/src/form.html','');
grunt.file.write('dest/src/management.html','');
});
grunt.registerTask('connect','',function(){});
grunt.registerTask('watch','',function(){});
};

Gulp :
var gulp = require('gulp');

var unzip = require('gulp-unzip');

gulp.task('unzip', async function(){
gulp.src('./app.zip')
.pipe(unzip())
.pipe(gulp.dest('./dest'))
});
var htmlmin = require('gulp-htmlmin');
gulp.task('html_minify',async function() {
gulp.src('./src/src/*.html')
.pipe(htmlmin())
.pipe(gulp.dest('./dest'));
});
var uglify = require('gulp-uglify');
gulp.task('uglify',async function() {
gulp.src('./src/src/js/*.js')
.pipe(uglify())
.pipe(gulp.dest('./dest/js'));
});
connect = require('gulp-connect');
gulp.task('webserver', function() {
connect.server();
});

Redis :
Commands :

lpush fargo "Savings_account"

lpush fargo "Checking_account"

lpush fargo "Money_market_account"

lpush fargo "Retirement_account"

lrange fargo 0 3

set your_otp 6666

set auto_expire_otp 8790 EX 72000

get auto_expire_otp

set no_otp 2121

keys *

keys *otp

pexpire no_otp 60000

persist no_otp

ttl *

Randomkey
React :

constructor(props){

super(props);
this.state = { value1: null, value2: null, output: null };
}
onPress = () => {
this.output({
output = this.state.value1+this.state.value2
});
};
render() {
return (
<div>
<View style={styles.container}>
<View>
<TextInput keyboardType='numeric' onChangeText={(text) => this.setSt
ate({value1: parseInt(text)})} />
<TextInput keyboardType='numeric' onChangeText={(text) => this.setSt
ate({value2: parseInt(text)})} />
<Text>output: {output}</Text>
</View>
<TouchableOpacity
style={styles.button}
onPress={this.onPress}
>
<Text>evaluate</Text>
</TouchableOpacity>
</View>
</div>
)
}
};
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center",
paddingHorizontal: 10
},
button: {
alignItems: "center",
backgroundColor: "#DDDDDD",
padding: 10
 },
outputContainer: {
alignItems: "center",
padding: 10
}
});

Maven Simple Calc using java : to correct calctest.java

Pom.xml :
<project xmlns="http://maven.apache.org/POM/4.0.0"

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0&nbsphttp://
maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>javaApp</groupId>
<artifactId>Calc</artifactId>
<version>0.0.1-SNAPSHOT</version>
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>4.11</version>
<scope>test</scope>
</dependency>
<dependency>
<groupId>org.assertj</groupId>
<artifactId>assertj-core</artifactId>
<version>1.0.0</version>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.codehaus.mojo</groupId>
<artifactId>exec-maven-plugin</artifactId>
<version>1.2.1</version>
<configuration>
<mainClass>javaApp.Calc</mainClass>
<includePluginDependencies>false</includePluginDependencies>
</configuration>
</plugin>
<plugin>
 <groupId>org.codehaus.mojo</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<version>3.8.1</version>
<configuration>
<source>1.8</source>
<target>1.8</target>
</configuration>
</plugin>
</plugins>
</build>
</project>

Calc.java :

package javaApp;

public class Calc {

public int add(int a, int b) {
//insert&nbspyour&nbspcode&nbsphere
int result=a+b;
return&nbspresult;
}
public int subtract(int a, int b) {
//insert&nbspyour&nbspcode&nbsphere
int result=a-b;
return&nbspresult;
}
public int multiply(int a, int b) {
//insert&nbspyour&nbspcode&nbsphere
int result =a*b;
return&nbspresult;
}
public int divide(int a, int b) {
//insert&nbspyour&nbspcode&nbsphere
int result=a/b;
return&nbspresult;
}
}

Winner Python3 :
#!/bin/python3

import math
import os
import random
import re
import sys

#
# Complete the 'winner' function below.
#
# The function is expected to return a STRING.
# The function accepts following parameters:
# 1. INTEGER_ARRAY andrea
# 2. INTEGER_ARRAY maria
# 3. STRING s
#

def winner(andrea, maria, s):

# Write your code here
n=len(maria)
maria_score=0
andrea_score=0
if s=="Even" :
for i in range(0,n) :
if (i%2)==0 :
andrea_score+=andrea[i]-maria[i]
maria_score+=maria[i]-andrea[i]
elif s=="Odd" :
for i in range(0,n) :
if(i%2)!=0 :
andrea_score+=andrea[i]-maria[i]
maria_score+=maria[i]-andrea[i]
if maria_score > andrea_score :
return("Maria")
elif maria_score < andrea_score :
return("Andrea")
else :
return("Tie")
if __name__ == '__main__':
Maven : Cleanup :

<project xmlns = "http://maven.apache.org/POM/4.0.0"

xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation = "http://maven.apache.org/POM/4.0.0
&nbsphttp://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.fresco.play</groupId>
<artifactId>maven-lifecycle-clean</artifactId>
<packaging>pom</packaging>
<version>1.0</version>
<name>maven-lifecycle-clean</name>
<url>http://maven.apache.org</url>
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>3.8.1</version>
<scope>test</scope>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-antrun-plugin</artifactId>
<version>1.1</version>
<executions>
<execution>
<id>id.pre-clean</id>
<phase>pre-clean</phase>
<goals>
<goal>run</goal>
</goals>
<configuration>
<tasks>
<echo>in&nbsppre-clean&nbspphase</echo>
</tasks>
</configuration>
</execution>
<execution>
<id>id.clean</id>
<phase>clean</phase>
<goals>
 <goal>run</goal>
</goals>
<configuration>
<tasks>
<echo>in&nbspclean&nbspphase</echo>
</tasks>
</configuration>
</execution>
<execution>
<id>id.post-clean</id>
<phase>post-clean</phase>
<goals>
<goal>run</goal>
</goals>
<configuration>
<tasks>
<echo>in&nbsppost-clean&nbspphase</echo>
</tasks>
</configuration>
</execution>
</executions>
</plugin>
</plugins>
</build>
</project>

Build a simple site to test Audio using HTML5 :

<!DOCTYPE&nbsphtml>

<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>MusicON</title>
</head>
<body>
<header>
<h1>MusicON</h1>
</header>
<audio controls = "controls">
<source src="hello_audio.mp3"/>
</audio>
<audio control preload="none">
<source src="hello_audio.mp3"/>
</audio>
<audio control loop>
 <source src="hello_audio.mp3"/>
</audio>
<footer>
<a>Facebook</a>
<b>Instagram</b>
<c>Twitter</c>
</footer>
</body>
</html>

Maven site lifecycle :

<project xmlns = "http://maven.apache.org/POM/4.0.0"

xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation = "http://maven.apache.org/POM/4.0.0
&nbsphttp://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.fresco.play</groupId>
<artifactId>maven-lifecycle-site</artifactId>
<version>3.3</version>
<build>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-site-plugin</artifactId>
<version>3.7.1</version>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-project-info-reports-plugin</artifactId>
<version>3.0.0</version>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-antrun-plugin</artifactId>
<version>1.0</version>
<executions>
<execution>
<id>id.pre-site</id>
<phase>pre-site</phase>
<goals>
<goal>run</goal>
 </goals>
<configuration>
<tasks>
<echo>artifactId : ${project.artifactId}</echo>
<echo>pre-site&nbspphase</echo>
</tasks>
</configuration>
</execution>
<execution>
<id>id.site</id>
<phase>site</phase>
<goals>
<goal>run</goal>
</goals>
<configuration>
<tasks>
<echo>artifactId : ${project.artifactId}</echo>
<echo>site&nbspphase</echo>
</tasks>
</configuration>
</execution>
<execution>
<id>id.post-site</id>
<phase>post-site</phase>
<goals>
<goal>run</goal>
</goals>
<configuration>
<tasks>
<echo>artifactId : ${project.artifactId}</echo>
<echo>post-site&nbspphase</echo>
</tasks>
</configuration>
</execution>
<execution>
<id>id.site-deploy</id>
<phase>site-deploy</phase>
<goals>
<goal>run</goal>
</goals>
<configuration>
<tasks>
<echo>artifactId : ${project.artifactId}</echo>
<echo>site-deploy&nbspphase</echo>
</tasks>
 </configuration>
</execution>
</executions>
</plugin>
</plugins>
</build>
</project>

Winner using R :

# Complete the 'winner' function below.

#
# The function is expected to return a STRING.
# The function accepts following parameters:
# 1. INTEGER_ARRAY andrea
# 2. INTEGER_ARRAY maria
# 3. STRING s
#

winner <- function(andrea, maria, s) {

# Write your code here
n <- length(maria)
maria_score <- 0
andrea_score <- 0
if(s=='Even') {
for (i in 1:n) {
if(i %% 2 != 0){
andrea_score<-(andrea[i]-maria[i])+andrea_score
maria_score<-(maria[i]-andrea[i])+maria_score
}
}
} else if(s=='Odd') {
for (i in 1:n) {
if((i %% 2) == 0){
andrea_score <-(andrea[i]-maria[i])+andrea_score
maria_score <-(maria[i]-andrea[i])+maria_score
}
print(andrea_score)
print(maria_score)
}
}
if(maria_score > andrea_score) {
return('Maria')
} else if(maria_score < andrea_score) {
return('Andrea')
}
else {
return('Tie')
}
}
stdin <- file('stdin')

Good segment js :

'use strict';

const fs = require('fs');

process.stdin.resume();
process.stdin.setEncoding('utf-8');

let inputString = '';

let currentLine = 0;

process.stdin.on('data', function(inputStdin) {
inputString += inputStdin;
});

process.stdin.on('end', function() {
inputString = inputString.split('\n');

main();
});

function readLine() {
return inputString[currentLine++];
}

/*
* Complete the 'goodSegment' function below.
*
* The function is expected to return an INTEGER.
 * The function accepts following parameters:
* 1. INTEGER_ARRAY badNumbers
* 2. INTEGER l
* 3. INTEGER r
*/

function goodSegment(badNumbers, l, r) {
// Write your code here
var longestSegment=0;
var currentSegment=0;
var lastGoodNumber=l;
var size = badNumbers.length;
var badNumnersArr = badNumbers;
badNumnersArr.sort(function(a,b){
return a-b;
});
for(var i=0;i<badNumnersArr.length && badNumnersArr[i] <= r;i++)
{
if(badNumnersArr[i] >= l)
{
currentSegment = badNumnersArr[i] - lastGoodNumber;
if(currentSegment > longestSegment)
{
longestSegment = currentSegment;
}
lastGoodNumber = badNumnersArr[i] + 1;
}
}
currentSegment = r - lastGoodNumber + 1;
if(currentSegment > longestSegment)
{
longestSegment = currentSegment;
}
return longestSegment
}

function main() {
Flights data using R:

#Write your code here

library(data.table)

f = read.csv("flights.csv")

flights <- data.table(f)

a1 <- flights[origin =="SEA" & month == 1L]

print(a1)

a2 <- flights[dest=="ANC" & month==1L, .(m_arr = mean(arr_delay), m_dep=mean(dep_delay))]

print(a2)

a3 <- flights[carrier =="AS", .(m_arr = mean(arr_delay), m_dep=mean(dep_delay)), by = .(origin,dest)]

print(a3)

Maven Fibonicci series :

pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-
4.0.0.xsd">

<modelVersion>4.0.0</modelVersion>

<groupId>javaApp</groupId>

<artifactId>FiboPrimeSum</artifactId>

<version>0.0.1-SNAPSHOT</version>

<name>FiboPrimeSum</name>

<dependencies>

<dependency>

<groupId>junit</groupId>

<artifactId>junit</artifactId>
 <version>4.11</version>

<scope>test</scope>

</dependency>

<dependency>

<groupId>org.assertj</groupId>

<artifactId>assertj-core</artifactId>

<version>1.0.0</version>

<scope>test</scope>

</dependency>

</dependencies>

<build>

<sourceDirectory>src</sourceDirectory>

<plugins>

<plugin>

<groupId>org.apache.maven.plugins</groupId>

<artifactId>maven-compiler-plugin</artifactId>

<version>3.3</version>

</plugin>

<plugin>

<groupId>org.codehaus.mojo</groupId>

<artifactId>exec-maven-plugin</artifactId>

<version>1.2.1</version>

<configuration>

<mainClass>javaApp.FiboPrimeSum</mainClass>

</configuration>

</plugin>

</plugins>

</build>

</project>
Fibo Prime Sum.java

package javaApp;

public class FiboPrimeSum {

public static void main(String[] args) {

int d=10;

int fibo[] = new int[d];

int a = 0, b = 1, sum = 0;

fibo[0] = a;

fibo[1] = b;

String primes = "";

//insert your code here

for(d=2;d<10;d++)

fibo[d] = fibo[d-2] + fibo[d-1];

for(d=0;d<10;d++)

int counter=0;

int i = fibo[d];

for(i=fibo[d];i>0;i--)

if(fibo[d]%i == 0)

counter = counter+1;

}
 }

if(counter == 2)

primes = primes + "," + fibo[d];

sum += fibo[d];

System.out.println(primes);

System.out.println(sum);

Cassandra Charge Shop :

CREATE&nbspKEYSPACE&nbspmykeyspace

WITH&nbspREPLICATION = {'class':'SimpleStrategy','replication_factor' :&nbsp3};

USE&nbspmykeyspace;

CREATE&nbspTABLE&nbspcharge(
&nbspid&nbspint&nbspPRIMARY&nbspKEY,
&nbspproduct_name&nbsptext,
&nbspcount&nbspint,
);

INSERT&nbspINTO&nbspcharge(ID,Product_name,count)&nbspVALUES(1, 'Washing&nbspMach
ines',&nbsp50)
INSERT&nbspINTO&nbspcharge(ID,Product_name,count)&nbspVALUES(2, 'Cookers',&nbsp30
)

HTML5 for travel site :

<html>

<head>

<title>Explore</title>
<link href="mystyle.css" rel="stylesheet" type="text/css">

</head>

<body>

<header class="header">

<a id="title">Explore</a>

</header>

<ul class="home_nav">

<a>Home</a>

<a>Login</a>

<a>Create an account</a>

</ul>

<div class="side">

<a>About</a>

<a>Buses</a>

<a>Flights</a>

<a>Hotels</a>

<a>Contact us</a>

</div>

<div class="side"></div>

<section class="section 1">

<article class="card">

card

</article>

<article class="card">

card

</article>

<article class="card">

card
 </article>

</section>

<section class="section2">

<article class="card">

card

</article>

<article class="card">

card

</article>

<article class="card">

card

</article>

</section>

<footer lass="footer">

<ul class="footer-content">

<a>Facebook</a>

<a>Instagram</a>

<a>Twitter</a>

</ul>

</footer>

</body>

</html>

Mobile Services

Mobile.html

<!DOCTYPE html>

<html>

<head>
 <title>Mobile Shopping</title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<header>

<h1>Mobile Services</h1>

<a href="index.html"><input type="button" value="Home"></a>

<input class="search" type="text" placeholder="Search..">

<input type="submit" value="Search">

</header>

<nav>

<a class="active" href="mobile.html">Mobile</a>

<a href="accessories.html">Accessories</a>

</nav>

<article>

<h1>Mobiles</h1>

<div class="row">

<div class="product">

<img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">
 <b>Headset</b>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

</div>

<div class="row">

<div class="product">

<img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

 </div>

</div>

</article>

<footer class="footer_content">

<p>Copyright 2019 HTML5</p>

</footer>

</body>

</html>

Accessories.html

<!DOCTYPE html>

<html>

<head>

<title>Mobile Shopping</title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<header>

<h1>Mobile Services</h1>

<a href="index.html"><input type="button" value="Home"></a>

<input class="search" type="text" placeholder="Search..">

<input type="submit" value="Search">

</header>

<nav>

<a href= "mobile.html">Mobile</a>

<a class="active" href="accessories.html">Accessories</a>

</nav>

<article>

<h1>Mobile Accessories</h1>
 <div class="row">

<div class="product">

<img src=""><b>+</b><img src=""><b>+</b><img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src=""><b>+</b><img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

</div>

<div class="row">

<div class="product">

<img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src=""><b>+</b><img src=""><b>+</b><img src="">

<b>Headset</b>

<input type="button" value="Buy Now">

</div>

</div>

</article>

<footer class="footer_content">

<p>Copyright 2019 HTML5</p>

</footer>
</body>

</html>

Index.html

<!DOCTYPE html>

<html>

<head>

<title>Mobile Shopping</title>

<link href="style.css" rel="stylesheet" type="text/css">

</head>

<body>

<header>

<h1>Mobile Services</h1>

<a href="index.html"><input type="button" value="Home"></a>

<input class="search" type="text" placeholder="Search..">

<input type="submit" value="Search">

</header>

<nav>

<a href="mobile.html">Mobile</a>

<a href="accessories.html">Accessories</a>

</nav>

<article>

<h1>Deals Of The Day</h1>

<div class="row">

<div class="product">

<img src="">

<b>Headset</b>

<p>70% OFF</p>
 <input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<p>70% OFF</p>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<p>70% OFF</p>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<p>70% OFF</p>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<p>70% OFF</p>

<input type="button" value="Buy Now">

</div>

</div>

<div class="row">

<div class="product">
 <img src="">

<b>Headset</b>

<p>70% OFF</p>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<p>70% OFF</p>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<p>70% OFF</p>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<p>70% OFF</p>

<input type="button" value="Buy Now">

</div>

<div class="product">

<img src="">

<b>Headset</b>

<p>70% OFF</p>

<input type="button" value="Buy Now">

</div>
 </div>

</article>

<footer class="footer_content">

<p>Copyright 2019 HTML5</p>

</footer>

</body>

</html>

Recipe Finder :

<!DOCTYPE&nbsphtml>

<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,&nbspmaximum-scale=1,&nbspuser-
scalable=no,&nbspwidth=device-width">
<title></title>

<link rel="manifest" href="manifest.json">

<link href="lib/ionic/css/ionic.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">

<script src="lib/ionic/js/ionic.bundle.js"></script>

<!--&nbspcordova&nbspscript (this&nbspwill&nbspbe&nbspa&nbsp404&nbspduring&nbsp
development) -->
<script src="cordova.js"></script>

<!--&nbspyour&nbspapp's&nbspjs -->
<script src="js/app.js"></script>
<script src="js/controller.js"></script>
<script src="js/service.js"></script>
</head>
<body ng-app="starter">
<!--
&nbspadd&nbspclass="recipe-image"&nbspto&nbspthe <img>&nbsptag&nbspthat&nbspdis
plays&nbspthe&nbsparticle &nbspimage
&nbspadd&nbspclass="recipe-name"&nbspto &nbspthe&nbspelement&nbspthat&nbspdispl
ays&nbspthe &nbspname&nbspof&nbspthe&nbsprecipe
&nbspadd&nbspclass="recipe-desc"&nbspto &nbspthe&nbspelement&nbspthat&nbspdispl
ays&nbspthe&nbspdescription&nbspof&nbspa&nbsprecipe
&nbspadd&nbspid="txt-search"&nbspto&nbspsearch&nbsptext&nbspbox
-->

<ion-pane>
<ion-header-bar align-title="center">
<h1>Recipe</h1>
<input id="txt-search" type="text" placeholder="Search...">
</ion-header-bar>
<ion-img class="recipe-image">
</ion-img>
<ion-name class="recipe-name">
</ion-name>
<ion-description class="recipe-desc">
</ion-description>
<ion-id id="txt-search">
</ion-id>
<ion-img class="recipe-image">
</ion-img>
<ion-name class="recipe-name">
</ion-name>
<ion-description class="recipe-desc">
</ion-description>
<ion-id id="txt-search">
</ion-id>
<ion-img class="recipe-image">
</ion-img>
<ion-name class="recipe-name">
</ion-name>
<ion-description class="recipe-desc">
</ion-description>
<ion-id id="txt-search">
</ion-id>
<ion-img class="recipe-image">
</ion-img>
<ion-name class="recipe-name">
</ion-name>
 <ion-description class="recipe-desc">
</ion-description>
<ion-id id="txt-search">
</ion-id>
<ion-img class="recipe-image">
</ion-img>
<ion-name class="recipe-name">
</ion-name>
<ion-description class="recipe-desc">
</ion-description>
<ion-id id="txt-search">
</ion-id>
<ion-img class="recipe-image">
</ion-img>
<ion-name class="recipe-name">
</ion-name>
<ion-description class="recipe-desc">
</ion-description>
<ion-id id="txt-search">
</ion-id>
<ion-img class="recipe-image">
</ion-img>
<ion-name class="recipe-name">
</ion-name>
<ion-description class="recipe-desc">
</ion-description>
<ion-id id="txt-search">
</ion-id>
<ion-img class="recipe-image">
</ion-img>
<ion-name class="recipe-name">
</ion-name>
<ion-description class="recipe-desc">
</ion-description>
<ion-id id="txt-search">
</ion-id>
</ion-pane>

</body>

</html>