Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update index.html #96

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Update index.html #96

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
94 changes: 58 additions & 36 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,57 +1,79 @@
<!Doctype html>
<html>
<!DOCTYPE html>
<html lang="en">

<head>
<title>HTML Application</title>
<link href="css/site.css" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="HTML Application with Azure DevOps Project setup and next steps">
<title>HTML Application</title>
<link rel="stylesheet" href="css/site.css">
</head>

<body>
<div class="main-container">
<div class="cloud-image">
<img src="img/successCloudNew.svg" />
<img src="img/successCloudNew.svg" alt="Success Cloud">
</div>
<div class="content">
<div class="tweet-container">
<a href="http://twitter.com/intent/tweet/?text=I%20just%20created%20a%20new%20HTML%20website%20on%20Azure%20using%20Azure%20DevOps%20Project&hashtags=AzureDevOpsProject%2CVSTS%20%40Azure%20%40VSTS">
<img src="img/tweetThis.svg" />
</a>
</div>
<div class="content-body">
<div class="success-text">Success!</div>
<div class="description line-1"> Azure DevOps Project has been successfully setup</div>
<div class="description line-2"> Your HTML app is up and running on Azure</div>
<div class="next-steps-container">
<div class="next-steps-header">Next up</div>
<main class="content">
<aside class="tweet-container">
<a href="http://twitter.com/intent/tweet/?text=I%20just%20created%20a%20new%20HTML%20website%20on%20Azure%20using%20Azure%20DevOps%20Project&hashtags=AzureDevOpsProject%2CVSTS%20%40Azure%20%40VSTS"
target="_blank"
rel="noopener noreferrer"
aria-label="Share your success on Twitter">
<img src="img/tweetThis.svg" alt="Tweet This">
</a>
</aside>
<section class="content-body">
<h1 class="success-text">Success!</h1>
<p class="description line-1">Azure DevOps Project has been successfully set up.</p>
<p class="description line-2">Your HTML app is up and running on Azure.</p>
<section class="next-steps-container">
<h2 class="next-steps-header">Next up</h2>
<div class="next-steps-body">
<div class="step">
<article class="step">
<div class="step-icon">
<img src="img/cloneWhite.svg">
<img src="img/cloneWhite.svg" alt="Clone repository">
</div>
<div class="step-text"><a href="https://go.microsoft.com/fwlink/?linkid=862409">Clone your code repository and start developing your application on IDE of your choice</a></div>
</div>
<div class="step">
<p class="step-text">
<a href="https://go.microsoft.com/fwlink/?linkid=862409" target="_blank" rel="noopener noreferrer">
Clone your code repository and start developing your application on the IDE of your choice.
</a>
</p>
</article>
<article class="step">
<div class="step-icon">
<img src="img/deployWhite.svg">
<img src="img/deployWhite.svg" alt="Deploy pipeline">
</div>
<div class="step-text"><a href="https://go.microsoft.com/fwlink/?linkid=862410">View your CI/CD pipeline on Visual Studio Team Services and customize it as per your needs</a></div>
</div>
<div class="step">
<p class="step-text">
<a href="https://go.microsoft.com/fwlink/?linkid=862410" target="_blank" rel="noopener noreferrer">
View your CI/CD pipeline on Visual Studio Team Services and customize it as per your needs.
</a>
</p>
</article>
<article class="step">
<div class="step-icon">
<img src="img/stackWhite.svg">
<img src="img/stackWhite.svg" alt="Service stack">
</div>
<div class="step-text"><a href="http://portal.azure.com">View your service stack in the Azure Portal</a></div>
</div>
<div class="step">
<p class="step-text">
<a href="http://portal.azure.com" target="_blank" rel="noopener noreferrer">
View your service stack in the Azure Portal.
</a>
</p>
</article>
<article class="step">
<div class="step-icon">
<img src="img/lightbulbWhite.svg">
<img src="img/lightbulbWhite.svg" alt="Learn more">
</div>
<div class="step-text"><a href="https://go.microsoft.com/fwlink/?linkid=862126">Learn more about all you can do with Azure projects by visiting the documentation</a></div>
</div>
<p class="step-text">
<a href="https://go.microsoft.com/fwlink/?linkid=862126" target="_blank" rel="noopener noreferrer">
Learn more about all you can do with Azure projects by visiting the documentation.
</a>
</p>
</article>
</div>
</div>
</div>
</div>
</section>
</section>
</main>
</div>
</body>

Expand Down