ALPACA PRESENTATION

Developer
Richard
Size
2,578 Kb
Views
10,120
  1. ALPACA PRESENTATION Previews
  2. ALPACA PRESENTATION HTML Codes
  3. ALPACA PRESENTATION CSS Codes

How do I make an alpaca presentation?

What is a alpaca presentation? How do you make a alpaca presentation? This script and codes were developed by Richard on 08 January 2023, Sunday.

ALPACA PRESENTATION Previews
IQ Test

ALPACA PRESENTATION - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>ALPACA PRESENTATION</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.0/css/foundation.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!doctype html>
<html class="no-js" lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Alpaca Ontario</title> <link rel="stylesheet" href="css/foundation.css"> <link rel="stylesheet" href="css/app.css"> </head> <body> <div class="top-bar"> <ul class="dropdown menu" data-dropdown-menu> <li> <a href="#home">Home - Landing Page</a> <ul class="menu vertical"> <li><a href="#home">Desktop</a></li> <li><a href="#Mhome">Mobile</a></li> </ul> </li> <li> <a href="#shop">Store</a> <ul class="menu vertical"> <li><a href="#shop">Desktop</a></li> <li><a href="#Mshop">Mobile</a></li> </ul> </li> <li> <a href="#products">Products Page</a> <ul class="menu vertical"> <li><a href="#products">Desktop</a></li> <li><a href="#mproducts">Mobile</a></li> </ul> </li> <li> <a href="#mill">Members & Mills</a> <ul class="menu vertical"> <li><a href="#mill">Desktop</a></li> <li><a href="#Mmill">Mobile</a></li> </ul> </li> <li> <a href="#mill-profile">Mills Profile</a> </li> <li> <a href="#signup">Sign Up</a> <ul class="menu vertical"> <li><a href="#signUp">Desktop</a></li> <li><a href="#MsignUp">Mobile</a></li> </ul> </li> <li> <a href="#visit">Visit A Farm</a> </li> <li> <a href="#contact">Contact</a> <ul class="menu vertical"> <li><a href="#contact">Desktop</a></li> <li><a href="#Mcontact">Mobile</a></li> </ul> </li> <li> <a href="#education">Education</a> <ul class="menu vertical"> <li><a href="#education">Desktop</a></li> <li><a href="#Meducation">Mobile</a></li> </ul> </li> </ul> </div> <div class="row"> <div class="small-6 small-centered columns"> <h1>Desktop Versions</h1> </div> </div> <div class="grey"> <div class="row"> <div class="small-12 columns" id="home"> <h2>Home</h2> <img src="images/Home-POST-MARK-MEETING-vr6.png"> </div> </div> </div> <div class="row"> <div class="small-12 columns" id="shop"> <h2>Shop</h2> <img src="images/Store.png"> </div> </div> <div class="grey"> <div class="row"> <div class="small-12 columns" id="products"> <h2>Products Page</h2> <img src="images/Products.png"> </div> </div> </div> <div class="row"> <div class="small-12 columns" id="mill"> <h2>Members & Mills - Member Farms</h2> <img src="images/members-farms.png"> </div> <div class="small-12 columns"> <h2>Members & Mills - Mill Directory</h2> <img src="images/mill-directory.png"> </div> </div> <div class="grey"> <div class="row"> <div class="small-12 columns" id="mill-profile"> <h2>Mills Profile</h2> <img src="images/mill-profile.png"> </div> </div> </div> <div class="row"> <div class="small-12 columns" id="signUp"> <h2>Sign Up</h2> <img src="images/sign-up-bottom-chart.png"> </div> </div> <div class="grey"> <div class="row"> <div class="small-12 columns" id="visit"> <h2>Visit A Farm</h2> <img src="images/Vist-a-farm.png"> </div> </div> </div> <div class="row"> <div class="small-12 columns" id="contact"> <h2>Contact</h2> <img src="images/contact-desktop.png"> </div> </div> <div class="grey"> <div class="row"> <div class="small-12 columns" id="education"> <h2>Education</h2> <img src="images/Education-vr1-desktop.png"> </div> <div class="small-12 columns"> <h2>Education - Medical Information</h2> <img src="images/Education-vr2-desktop.png"> </div> <div class="small-12 columns"> <h2>Education - Directory</h2> <img src="images/Education-vr3-desktop.png"> </div> </div> </div> <div class="mobilepages"> <div class="row"> <div class="small-6 small-centered columns"> <h1>Mobile Versions</h1> </div> </div> <div class="grey"> <div class="row"> <div class="small-12 columns" id="Mhome"> <h2>Home</h2> <img src="images/Home-mobile.png"> </div> </div> </div> <div class="row"> <div class="small-12 columns" id="Mshop"> <h2>Shop</h2> <img src="images/Store-mobile.png"> </div> </div> <div class="grey"> <div class="row"> <div class="small-12 columns" id="mproducts"> <h2>Products Page</h2> <img src="images/Products-mobile.png"> </div> </div> </div> <div class="row"> <div class="small-12 columns" id="Mmill"> <h2>Members & Mills - Member Farms</h2> <img src="images/members-farms-mobile.png"> </div> <div class="small-12 columns"> <h2>Members & Mills - Mill Directory</h2> <img src="images/mill-directory-mobile.png"> </div> </div> <div class="grey"> <div class="row"> <div class="small-12 columns" id="MsignUp"> <h2>Sign Up</h2> <img src="images/sign-up-bottom-chart-mobile.png"> </div> </div> </div> <div class="row"> <div class="small-12 columns" id="Mcontact"> <h2>Contact</h2> <img src="images/contact-mobile.png"> </div> </div> <div class="grey"> <div class="row"> <div class="small-12 columns" id="Meducation"> <h2>Education</h2> <img src="images/Education-vr1-mobile.png"> </div> <div class="small-12 columns"> <h2>Education - Medical Information</h2> <img src="images/Education-vr2-mobile.png"> </div> <div class="small-12 columns"> <h2>Education - Directory</h2> <img src="images/Education-vr3-mobile.png"> </div> </div> </div> </div> <script src="js/vendor/jquery.js"></script> <script src="js/vendor/what-input.js"></script> <script src="js/vendor/foundation.js"></script> <script src="js/app.js"></script> </body>
</html> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
</body>
</html>

ALPACA PRESENTATION - Script Codes CSS Codes

body{ /*background: #a2a2a2;*/
}
div{ padding: 25px 0;
}
h1, h2{ text-align: center; padding: 2em 0;
}
img{ box-shadow: 5px 5px 20px #888888;
}
.top-bar{	width: 100%;	position: fixed;	box-shadow: 0px 5px 20px #888888;
}
.grey{ background: #e6e6e6;
}
.mobilepages img{ max-width: 370px; display: block; margin: 0 auto;
}
a{
}
ALPACA PRESENTATION - Script Codes
ALPACA PRESENTATION - Script Codes
Home Page Home
Developer Richard
Username keyboarddesk
Uploaded January 08, 2023
Rating 3
Size 2,578 Kb
Views 10,120
Do you need developer help for ALPACA PRESENTATION?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Richard (keyboarddesk) Script Codes
Name
SVG animation introduction
Richard Lococo -Assignment 6 - Canvas
ICA adding mobile NAV
Assignment 4 SCSS animations
Working with Foundation week13
Week 4 ICA
My attempt at Scrollspy
Expandable horizontal columns
Card display using foundation
A Pen by Richard
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!