github.com/atsaki/terraform@v0.4.3-0.20150919165407-25bba5967654/website/source/index.html.erb (about) 1 <!-- Main jumbotron for a primary marketing message or call to action --> 2 <div id="jumbotron-mask"> 3 <div id="jumbotron"> 4 <div class="jumbotron-content" id="jumbotron-content"> 5 <h2 class="tag-line" id="tag-line" style="visibility: hidden;">Build, Combine, and Launch Infrastructure</h2> 6 </div> 7 </div> 8 </div> 9 10 <div class="feature skew-item" id="feature-auto"> 11 <div class="container"> 12 <div class="row"> 13 <div class="col-lg-7 col-md-7 col-sm-12"> 14 <h2 class="feature-t">Infrastructure as code</h2> 15 <p>Terraform provides a common configuration to launch infrastructure — 16 from physical and virtual servers to email and DNS providers. Once launched, 17 Terraform safely and efficiently changes infrastructure as the configuration 18 is evolved.</p> 19 <p>Simple file based configuration gives you a single view 20 of your entire infrastructure.</p> 21 </div> 22 <div class="col-lg-5 col-md-5 col-sm-12"> 23 <h3 class="terminal-text">$ terraform apply</h3> 24 </div> 25 </div> 26 </div> <!-- /container --> 27 <div class="feature-skew" id="feature-auto-bg"></div> 28 </div> <!-- /feature --> 29 30 <div class="feature skew-item" id="feature-iterate"> 31 <div class="container"> 32 <div class="row"> 33 <div class="col-lg-5 col-md-5 col-sm-12"> 34 <div class="it-icon f-icon clearfix"> 35 <div class="t-block"></div> 36 <div class="t-block t2"></div> 37 <div class="t-block t3"></div> 38 <div class="t-block t4"></div> 39 </div> 40 </div> 41 <div class="col-lg-7 col-md-7 col-sm-12"> 42 <h2 class="feature-t">Combine Multiple Providers</h2> 43 <p>Terraform allows you to effortlessly combine high-level system 44 providers with your own or with each other. Launch a server from 45 one cloud provider, add a DNS entry with its IP with a different 46 provider. Built-in dependency resolution means 47 things happen in the right order.</p> 48 </div> 49 </div> 50 </div> <!-- /container --> 51 <div class="feature-skew" id="feature-iterate-bg"></div> 52 </div> <!-- /feature --> 53 54 <div class="feature skew-item" id="feature-clone"> 55 <div class="container"> 56 <div class="row"> 57 <div class="col-lg-5 col-md-5 col-sm-12"> 58 <h2 class="feature-t">Evolve your Infrastructure</h2> 59 <p>Your configuration and state can be stored in version control, shared 60 and distributed among your team. Updates, scaling and modifications 61 will be planned first, so you can iterate with confidence.</p> 62 </div> 63 <div class="col-md-push-1 col-lg-6 col-md-6 col-sm-12"> 64 <div class="clone-icon f-icon"> 65 <div class="c-group clearfix"> 66 <div class="c-col c1"> 67 <div class="c-block"></div> 68 <div class="c-block"></div> 69 <div class="c-block"></div> 70 <div class="c-block"></div> 71 </div> 72 <div class="c-col c2"> 73 <div class="c-block"></div> 74 <div class="c-block"></div> 75 <div class="c-block"></div> 76 <div class="c-block"></div> 77 </div> 78 <div class="c-col c3"> 79 <div class="c-block"></div> 80 <div class="c-block"></div> 81 </div> 82 </div> 83 84 <div class="c-group cg2"> 85 <div class="c-col c1"> 86 <div class="c-block"></div> 87 <div class="c-block"></div> 88 <div class="c-block"></div> 89 <div class="c-block"></div> 90 </div> 91 <div class="c-col c2"> 92 <div class="c-block"></div> 93 <div class="c-block"></div> 94 <div class="c-block"></div> 95 <div class="c-block"></div> 96 </div> 97 <div class="c-col c3"> 98 <div class="c-block"></div> 99 <div class="c-block"></div> 100 </div> 101 </div> 102 103 <div class="c-group cg3 clearfix"> 104 <div class="c-col c1"> 105 <div class="c-block"></div> 106 <div class="c-block"></div> 107 <div class="c-block"></div> 108 <div class="c-block"></div> 109 </div> 110 <div class="c-col c2"> 111 <div class="c-block"></div> 112 <div class="c-block"></div> 113 <div class="c-block"></div> 114 <div class="c-block"></div> 115 </div> 116 <div class="c-col c3"> 117 <div class="c-block"></div> 118 <div class="c-block"></div> 119 </div> 120 </div> 121 </div> 122 </div> 123 </div> 124 </div> <!-- /container --> 125 <div class="feature-skew" id="feature-clone-bg"></div> 126 </div> <!-- /feature --> 127 128 <div class="skew-item" id="demos"> 129 <div class="container"> 130 <div class="terminals row"> 131 132 <div class="col-xs-12 col-lg-12 explantion"> 133 <h2>Layering Resources</h2> 134 <p> 135 Use attributes from other resources to create 136 a layered infrastructure. Terraform handles ordering 137 resource creation automatically. 138 </p> 139 </div> 140 141 <div class="terminal-item col-xs-12 col-lg-12"> 142 <div class="terminal"> 143 <header> 144 <h4>Example Configuration</h4> 145 </header> 146 <div class="terminal-window"> 147 <div class=""> 148 <div class="display"> 149 <p>resource <span class="txt-spe">"digitalocean_droplet"</span> <span class="txt-str">"web"</span> {</p> 150 <p> name = <span class="txt-str">"tf-web"</span></p> 151 <p> size = <span class="txt-str">"512mb"</span></p> 152 <p> image = <span class="txt-str">"centos-5-8-x32"</span></p> 153 <p> region = <span class="txt-str">"sfo1"</span></p> 154 <p>}</p> 155 <p> </p> 156 <p>resource <span class="txt-spe">"dnsimple_record"</span> <span class="txt-str">"hello"</span> {</p> 157 <p> domain = <span class="txt-str">"example.com"</span></p> 158 <p> name = <span class="txt-str">"test"</span></p> 159 <p> value = <span class="txt-str">"<span class="txt-var">${digitalocean_droplet.web.ipv4_address}</span>"</span></p> 160 <p> type = <span class="txt-str">"A"</span></p> 161 <p>}</p> 162 </div> 163 </div> 164 </div> 165 </div> 166 </div> <!-- /.terminal-item --> 167 168 <div class="col-xs-12 col-lg-12 explantion"> 169 <h2>Fast, Simplified Interaction</h2> 170 <p> 171 Simple and intuitive configuration makes even the most complicated services approachable: 172 no more web consoles, loading bars, or confusing CLI clients. 173 </p> 174 </div> 175 176 <div class="terminal-item col-xs-12 col-lg-12"> 177 <div class="terminal"> 178 <header> 179 <h4>Example Configuration</h4> 180 </header> 181 <div class="terminal-window"> 182 <div class=""> 183 <div class="display"> 184 <p>resource <span class="txt-spe">"aws_elb"</span> <span class="txt-str">"frontend"</span> {</p> 185 <p> name = <span class="txt-str">"frontend-load-balancer"</span></p> 186 <p> listener {</p> 187 <p> instance_port = <span class="txt-int">8000</span></p> 188 <p> instance_protocol = <span class="txt-str">"http"</span></p> 189 <p> lb_port = <span class="txt-int">80</span></p> 190 <p> lb_protocol = <span class="txt-str">"http"</span></p> 191 <p> }</p> 192 <p> </p> 193 <p> instances = [<span class="txt-str">"<span class="txt-var">${aws_instance.app.*.id}</span>"</span>]</p> 194 <p>}</p> 195 <p> </p> 196 <p>resource <span class="txt-spe">"aws_instance"</span> <span class="txt-str">"app"</span> {</p> 197 <p> count = <span class="txt-int">5</span></p> 198 <p> </p> 199 <p> ami = <span class="txt-str">"ami-043a5034"</span></p> 200 <p> instance_type = <span class="txt-str">"m1.small"</span></p> 201 <p>}</p> 202 </div> 203 </div> 204 </div> 205 </div> 206 </div> <!-- /.terminal-item --> 207 </div> 208 </div> 209 <div class="feature-skew" id="demo-bg"></div> 210 </div><!-- /#demos --> 211 212 <div class="skew-item" id="cta"> 213 <div class="container"> 214 <div class="row"> 215 <div class="intro"> 216 <div class="left col-xs-12 col-sm-4 col-sm-offset-1 col-md-offset-2 col-md-4"> 217 <p>The intro contains a walkthrough guide, introductory literature 218 and a range of examples to experiment with Terraform.</p> 219 </div> 220 <div class="col-xs-12 col-sm-6 col-md-4 right"> 221 <a class="outline-btn" href="/intro/index.html">Try Terraform »</a> 222 </div> 223 </div> 224 </div> 225 </div> 226 <div class="feature-skew" id="cta-bg"></div> 227 </div>